gitscope
/
← marzneshin / dashboard/src/features/sidebar/toggle.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/sidebar/toggle.tsx · v0.3.0-alpha2
Source
1 1eb203e Mrdn 2y ago
2 1eb203e Mrdn 2y ago import { Button } from '@marzneshin/components';
3 1eb203e Mrdn 2y ago import { PanelBottomClose, PanelBottomOpen, PanelRightClose, PanelRightOpen } from 'lucide-react';
4 1eb203e Mrdn 2y ago import { FC } from 'react';
5 1eb203e Mrdn 2y ago
6 1eb203e Mrdn 2y ago interface ToggleButtonProps {
7 1eb203e Mrdn 2y ago isDesktop: boolean;
8 1eb203e Mrdn 2y ago collapsed: boolean;
9 1eb203e Mrdn 2y ago open: boolean;
10 1eb203e Mrdn 2y ago onToggle: () => void;
11 1eb203e Mrdn 2y ago }
12 1eb203e Mrdn 2y ago
13 1eb203e Mrdn 2y ago export const ToggleButton: FC<ToggleButtonProps> = ({ isDesktop, collapsed, open, onToggle }) => {
14 1eb203e Mrdn 2y ago const Icon = isDesktop ?
15 1eb203e Mrdn 2y ago (collapsed ? PanelRightClose : PanelRightOpen) :
16 1eb203e Mrdn 2y ago (open ? PanelBottomClose : PanelBottomOpen);
17 1eb203e Mrdn 2y ago
18 1eb203e Mrdn 2y ago return (
19 b15ff05 Mrdn 2y ago <Button className="p-2 bg-secondary-foreground border-2 text-primary-foreground dark:bg-secondary dark:text-primary" onClick={onToggle}>
20 1eb203e Mrdn 2y ago <Icon className="w-full h-full" />
21 1eb203e Mrdn 2y ago </Button>
22 1eb203e Mrdn 2y ago );
23 1eb203e Mrdn 2y ago };