mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-09 15:05:35 +00:00
20 lines
622 B
TypeScript
20 lines
622 B
TypeScript
import { AppShell, Burger, Group, ScrollArea, Text } from '@mantine/core';
|
|
import CollectionList from '~/components/dashboard/collection/list/collection_list';
|
|
|
|
interface DashboardAsideProps {
|
|
isOpen: boolean;
|
|
toggle: () => void;
|
|
}
|
|
|
|
export const DashboardAside = ({ isOpen, toggle }: DashboardAsideProps) => (
|
|
<AppShell.Aside p="md">
|
|
<Group justify="space-between" hiddenFrom="md" mb="md">
|
|
<Text>Collections</Text>
|
|
<Burger opened={isOpen} onClick={toggle} hiddenFrom="md" size="md" />
|
|
</Group>
|
|
<AppShell.Section grow component={ScrollArea}>
|
|
<CollectionList />
|
|
</AppShell.Section>
|
|
</AppShell.Aside>
|
|
);
|