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 ? (
) : (