import React from 'react' import Link from 'next/link' import BackgroundImage from '../../section/BackgroundImage' import BackgroundElements from '../../section/BackgroundElements' import { ContentSpace } from '../ContentSpace' import { DrawerContentList } from './DrawerContentList' import MwcDrawer from './MwcDrawer' import useBackgroundBox from '../../section/useBackgroundBox' import { useSettings } from '../../provider/SettingsPageProvider' import { useHomepageLink } from '../../../utils/hooks/useHomepageLink' import LmSquareImage from '../../avatar/LmSquareImage' import Box from '@mui/material/Box' function DrawerLogoArea() { const settings = useSettings() const homepageHref = useHomepageLink() const websiteTitle = settings.website_title const websiteLogo = settings.website_logo const websiteSlogan = settings.website_slogan return (
div': { height: '40px' } }} className={'p-3'} > {!websiteLogo && websiteTitle && <>{websiteTitle}} {websiteLogo && ( )} {websiteSlogan &&
{websiteSlogan}
}
) } function DrawerElement(): JSX.Element { const settings = useSettings() const background = Array.isArray(settings.drawer_background) ? settings.drawer_background[0] : undefined const backgroundProps = useBackgroundBox({ background }) const drawerBelowToolbar = settings.drawer_below_toolbar_xs || settings.drawer_below_toolbar return ( {(background?.image || background?.background_elements) && ( )} {background?.background_elements && background.background_elements.length > 0 && ( )}
{drawerBelowToolbar && } {!settings.drawer_body?.length && !drawerBelowToolbar && ( )}
) } export default DrawerElement