cosmik.network
A social knowledge tool for researchers built on ATProto
1'use client';
2
3import { useNavbarContext } from '@/providers/navbar';
4import { ActionIcon } from '@mantine/core';
5import { Fragment } from 'react';
6import { FiSidebar } from 'react-icons/fi';
7
8export default function NavbarToggle() {
9 const { toggleMobile, toggleDesktop } = useNavbarContext();
10
11 return (
12 <Fragment>
13 <ActionIcon
14 variant="light"
15 color="gray"
16 size={'lg'}
17 onClick={toggleMobile}
18 hiddenFrom="xs"
19 >
20 <FiSidebar />
21 </ActionIcon>
22 <ActionIcon
23 variant="light"
24 color="gray"
25 size={'lg'}
26 onClick={toggleDesktop}
27 visibleFrom="xs"
28 >
29 <FiSidebar />
30 </ActionIcon>
31 </Fragment>
32 );
33}