diff --git a/apps/recnet/src/app/MobileNavigator.tsx b/apps/recnet/src/app/MobileNavigator.tsx index 3630b4f9..1d31d069 100644 --- a/apps/recnet/src/app/MobileNavigator.tsx +++ b/apps/recnet/src/app/MobileNavigator.tsx @@ -4,6 +4,7 @@ import { AvatarIcon, Cross2Icon, HomeIcon, + MagicWandIcon, Pencil2Icon, } from "@radix-ui/react-icons"; import { useRouter, usePathname } from "next/navigation"; @@ -11,12 +12,13 @@ import { useAuth } from "./AuthContext"; import { UserDropdown } from "./Headerbar"; import { useGoogleLogin } from "@/firebase/auth"; import { toast } from "sonner"; -import { Dialog, Text, Button, Flex } from "@radix-ui/themes"; +import { Dialog, Text, Button, Flex, DropdownMenu } from "@radix-ui/themes"; import { SkeletonText, Skeleton } from "@/components/Skeleton"; import { useState } from "react"; import { useRec } from "@/hooks/useRec"; import { getDateFromFirebaseTimestamp, getNextCutOff } from "@/utils/date"; import { RecForm } from "@/components/RecForm"; +import Link from "next/link"; function RecFormContent(props: { setOpen: (open: boolean) => void }) { const { setOpen } = props; @@ -119,6 +121,38 @@ function RecFormContent(props: { setOpen: (open: boolean) => void }) { ); } +function AdminDropdown(props: { children: React.ReactNode }) { + const { children } = props; + const dropdownSectionStyle = "p-2 text-[14px] text-gray-12 font-medium"; + + return ( + + +
{children}
+
+ +
Stats
+ + User & Rec + + +
Email
+ + 🚧 Announcement + + +
Invite Codes
+ + Monitor + + + Provision + +
+
+ ); +} + function MobileNavigator() { const { user } = useAuth(); const router = useRouter(); @@ -189,6 +223,12 @@ function MobileNavigator() { + {user && user?.role === "admin" && pathname.startsWith("/admin") ? ( + + + + ) : null} + {user ? ( ) : (