From e4d90b678fe1ebf1f4ed3685b14ffa951350b262 Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Wed, 5 Nov 2025 09:56:00 -0800
Subject: [PATCH] feat: guest bottom bar

---
 .../navigation/bottomBar/BottomBar.tsx          |  1 -
 .../guestAppLayout/GuestAppLayout.tsx           |  3 +++
 .../guestBottomBar/GuestBottomBar.tsx           | 17 +++++++++++++++++
 3 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 src/webapp/components/navigation/guestBottomBar/GuestBottomBar.tsx

diff --git a/src/webapp/components/navigation/bottomBar/BottomBar.tsx b/src/webapp/components/navigation/bottomBar/BottomBar.tsx
index b715a3e6..df75ba3d 100644
--- a/src/webapp/components/navigation/bottomBar/BottomBar.tsx
+++ b/src/webapp/components/navigation/bottomBar/BottomBar.tsx
@@ -2,7 +2,6 @@ import { AppShellFooter, Avatar, Group } from '@mantine/core';
 import { FaRegNoteSticky } from 'react-icons/fa6';
 import { LuLibrary } from 'react-icons/lu';
 import { MdOutlineEmojiNature } from 'react-icons/md';
-import NavbarToggle from '../NavbarToggle';
 import BottomBarItem from '../bottomBarItem/BottomBarItem';
 import useMyProfile from '@/features/profile/lib/queries/useMyProfile';
 
diff --git a/src/webapp/components/navigation/guestAppLayout/GuestAppLayout.tsx b/src/webapp/components/navigation/guestAppLayout/GuestAppLayout.tsx
index fe725990..923ac1a8 100644
--- a/src/webapp/components/navigation/guestAppLayout/GuestAppLayout.tsx
+++ b/src/webapp/components/navigation/guestAppLayout/GuestAppLayout.tsx
@@ -4,6 +4,7 @@ import { AppShell } from '@mantine/core';
 import { useNavbarContext } from '@/providers/navbar';
 import { usePathname } from 'next/navigation';
 import GuestNavbar from '../guestNavbar/GuestNavbar';
+import GuestBottomBar from '../guestBottomBar/GuestBottomBar';
 
 interface Props {
   children: React.ReactNode;
@@ -36,6 +37,8 @@ export default function GuestAppLayout(props: Props) {
       <GuestNavbar />
 
       <AppShell.Main>{props.children}</AppShell.Main>
+
+      <GuestBottomBar />
     </AppShell>
   );
 }
diff --git a/src/webapp/components/navigation/guestBottomBar/GuestBottomBar.tsx b/src/webapp/components/navigation/guestBottomBar/GuestBottomBar.tsx
new file mode 100644
index 00000000..ac0180fd
--- /dev/null
+++ b/src/webapp/components/navigation/guestBottomBar/GuestBottomBar.tsx
@@ -0,0 +1,17 @@
+import { AppShellFooter, Avatar, Group } from '@mantine/core';
+import { LuLibrary } from 'react-icons/lu';
+import { MdOutlineEmojiNature } from 'react-icons/md';
+import BottomBarItem from '../bottomBarItem/BottomBarItem';
+import Link from 'next/link';
+
+export default function GuestBottomBar() {
+  return (
+    <AppShellFooter px={'sm'} pb={'lg'} py={'xs'} hiddenFrom="sm">
+      <Group align="start" justify="space-around" gap={'lg'} h={'100%'}>
+        <BottomBarItem href="/home" icon={LuLibrary} />
+        <BottomBarItem href="/explore" icon={MdOutlineEmojiNature} />
+        <Avatar component={Link} href={'/login'} />
+      </Group>
+    </AppShellFooter>
+  );
+}
-- 
2.51.2