nandi.uk
This repository has no description
1.0 kB
27 lines
1import { AppShellFooter, Avatar, Group } from '@mantine/core';
2import { FaRegNoteSticky } from 'react-icons/fa6';
3import { LuLibrary } from 'react-icons/lu';
4import { MdOutlineEmojiNature } from 'react-icons/md';
5import BottomBarItem from '../bottomBarItem/BottomBarItem';
6import useMyProfile from '@/features/profile/lib/queries/useMyProfile';
7
8export default function BottomBar() {
9 const { data: profile } = useMyProfile();
10
11 return (
12 <AppShellFooter px={'sm'} pb={'lg'} py={'xs'} hiddenFrom="sm">
13 <Group align="start" justify="space-around" gap={'lg'} h={'100%'}>
14 <BottomBarItem href="/home" icon={LuLibrary} />
15 <BottomBarItem href="/explore" icon={MdOutlineEmojiNature} />
16 <BottomBarItem
17 href={`/profile/${profile.handle}/cards`}
18 icon={FaRegNoteSticky}
19 />
20 <BottomBarItem
21 href={`/profile/${profile.handle}`}
22 icon={<Avatar src={profile.avatarUrl} />}
23 />
24 </Group>
25 </AppShellFooter>
26 );
27}