-1

src/webapp/components/navigation/bottomBar/BottomBar.tsx

View file Reviewed

··· 2 2 import { FaRegNoteSticky } from 'react-icons/fa6'; 3 3 import { LuLibrary } from 'react-icons/lu'; 4 4 import { MdOutlineEmojiNature } from 'react-icons/md'; 5 5 - import NavbarToggle from '../NavbarToggle'; 6 5 import BottomBarItem from '../bottomBarItem/BottomBarItem'; 7 6 import useMyProfile from '@/features/profile/lib/queries/useMyProfile'; 8 7

+3

src/webapp/components/navigation/guestAppLayout/GuestAppLayout.tsx

View file Reviewed

··· 4 4 import { useNavbarContext } from '@/providers/navbar'; 5 5 import { usePathname } from 'next/navigation'; 6 6 import GuestNavbar from '../guestNavbar/GuestNavbar'; 7 7 + import GuestBottomBar from '../guestBottomBar/GuestBottomBar'; 7 8 8 9 interface Props { 9 10 children: React.ReactNode; ··· 36 37 <GuestNavbar /> 37 38 38 39 <AppShell.Main>{props.children}</AppShell.Main> 40 40 + 41 41 + <GuestBottomBar /> 39 42 </AppShell> 40 43 ); 41 44 }

+17

src/webapp/components/navigation/guestBottomBar/GuestBottomBar.tsx

View file Reviewed

··· 1 1 + import { AppShellFooter, Avatar, Group } from '@mantine/core'; 2 2 + import { LuLibrary } from 'react-icons/lu'; 3 3 + import { MdOutlineEmojiNature } from 'react-icons/md'; 4 4 + import BottomBarItem from '../bottomBarItem/BottomBarItem'; 5 5 + import Link from 'next/link'; 6 6 + 7 7 + export default function GuestBottomBar() { 8 8 + return ( 9 9 + <AppShellFooter px={'sm'} pb={'lg'} py={'xs'} hiddenFrom="sm"> 10 10 + <Group align="start" justify="space-around" gap={'lg'} h={'100%'}> 11 11 + <BottomBarItem href="/home" icon={LuLibrary} /> 12 12 + <BottomBarItem href="/explore" icon={MdOutlineEmojiNature} /> 13 13 + <Avatar component={Link} href={'/login'} /> 14 14 + </Group> 15 15 + </AppShellFooter> 16 16 + ); 17 17 + }