You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.8 KiB
52 lines
1.8 KiB
import Icon from '@/assets/Icon' |
|
import Logo from '@/assets/Logo' |
|
import { useScreenSize } from '@/providers/ScreenSizeProvider' |
|
import AccountButton from './AccountButton' |
|
import KeyboardShortcutsHelpSidebarButton from './KeyboardShortcutsHelpSidebarButton' |
|
import DiscussionsButton from './DiscussionsButton' |
|
import RelaysButton from './ExploreButton' |
|
import HomeButton from './HomeButton' |
|
import NotificationButton from './NotificationButton' |
|
import PostButton from './PostButton' |
|
import RssButton from './RssButton' |
|
import SearchButton from './SearchButton' |
|
import SettingsButton from './SettingsButton' |
|
import SpellsButton from './SpellsButton' |
|
import PaneModeToggle from './PaneModeToggle' |
|
import storage from '@/services/local-storage.service' |
|
|
|
export default function PrimaryPageSidebar() { |
|
const { isSmallScreen } = useScreenSize() |
|
const showRssFeed = storage.getShowRssFeed() |
|
if (isSmallScreen) return null |
|
|
|
return ( |
|
<div className="w-16 xl:w-52 flex flex-col pb-2 pt-4 px-2 xl:px-4 justify-between h-full shrink-0"> |
|
<div className="space-y-2"> |
|
<div className="px-3 xl:px-4 mb-6 w-full"> |
|
<Icon className="xl:hidden" /> |
|
<div className="max-xl:hidden"> |
|
<Logo /> |
|
<div className="text-green-600 dark:text-green-500 font-semibold text-sm mt-1 text-center"> |
|
Im Wald |
|
</div> |
|
</div> |
|
</div> |
|
<HomeButton /> |
|
<RelaysButton /> |
|
<DiscussionsButton /> |
|
<NotificationButton /> |
|
<SearchButton /> |
|
<SpellsButton /> |
|
{showRssFeed && <RssButton />} |
|
<SettingsButton /> |
|
<PostButton /> |
|
</div> |
|
<div className="space-y-2"> |
|
<KeyboardShortcutsHelpSidebarButton /> |
|
<AccountButton /> |
|
<PaneModeToggle /> |
|
</div> |
|
</div> |
|
) |
|
}
|
|
|