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.9 KiB
52 lines
1.9 KiB
import Icon from '@/assets/Icon' |
|
import Logo from '@/assets/Logo' |
|
import { useScreenSize } from '@/providers/ScreenSizeProvider' |
|
import HelpAndAccountMenu from '@/components/HelpAndAccountMenu' |
|
import DiscussionsButton from './DiscussionsButton' |
|
import FeedButton from './FeedButton' |
|
import HomeButton from './HomeButton' |
|
import NotificationButton from './NotificationButton' |
|
import PostButton from './PostButton' |
|
import RssButton from './RssButton' |
|
import SearchButton from './SearchButton' |
|
import FollowsLatestButton from './FollowsLatestButton' |
|
import SpellsButton from './SpellsButton' |
|
import { FavoriteRelaysActiveStripSidebar } from '@/components/FavoriteRelaysActiveStrip' |
|
import PaneModeToggle from './PaneModeToggle' |
|
import DownloadDesktopSidebarButton from './DownloadDesktopSidebarButton' |
|
|
|
export default function PrimaryPageSidebar() { |
|
const { isSmallScreen } = useScreenSize() |
|
if (isSmallScreen) return null |
|
|
|
return ( |
|
<div className="w-[4.8rem] xl:w-[15.6rem] flex flex-col pb-2 pt-4 px-2 xl:pl-4 xl:pr-6 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 /> |
|
<FeedButton /> |
|
<DiscussionsButton /> |
|
<NotificationButton /> |
|
<SearchButton /> |
|
<FollowsLatestButton /> |
|
<SpellsButton /> |
|
<RssButton /> |
|
<FavoriteRelaysActiveStripSidebar /> |
|
<PostButton /> |
|
</div> |
|
<div className="space-y-2"> |
|
<HelpAndAccountMenu variant="sidebar" /> |
|
<PaneModeToggle /> |
|
<DownloadDesktopSidebarButton /> |
|
</div> |
|
</div> |
|
) |
|
}
|
|
|