Add more items to mobile navbar when logged in

pbteja1998 · pbteja1998 · commit 8b0b237e7627 · 2021-02-21T15:33:35.000+05:30
diff --git a/src/components/AppNavBar.tsx b/src/components/AppNavBar.tsx
@@ -25,6 +25,28 @@ export default function AppNavBar() {
   const [session, loading] = useSession()
   const router = useRouter()
   const [isDonateModalOpen, setIsDonateModalOpen] = useState(false)
+  const mobileItems = [
+    ...navbarItems,
+    ...(session
+      ? [
+          {
+            title: 'Your Profile',
+            value: 'your-profile',
+            href: session && (session.user as User).username,
+          },
+          {
+            title: 'Your Goal',
+            value: 'your-goal',
+            href: session && (session.user as User).username,
+          },
+          {
+            title: 'Settings',
+            value: 'settings',
+            href: '/profile/settings',
+          },
+        ]
+      : []),
+  ]
 
   return (
     <NavBar
@@ -118,7 +140,7 @@ export default function AppNavBar() {
       }
       mobileItems={
         <>
-          {navbarItems.map((item) => (
+          {mobileItems.map((item) => (
             <Link href={item.href} passHref={true} key={item.value}>
               <NavBar.Item.Mobile.Left isSelected={router.asPath === item.href}>
                 {item.title}
