From 060682a1ac9f38bada5ee337e2832658a559eadf Mon Sep 17 00:00:00 2001
From: Prospector <prospectordev@gmail.com>
Date: Sat, 14 Sep 2024 15:02:14 -0700
Subject: [PATCH] Add moderation button to user menu

---
 apps/frontend/src/layouts/default.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 26befc74..8a452dac 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -231,6 +231,7 @@
           </template>
           <template #revenue> <CurrencyIcon aria-hidden="true" /> Revenue </template>
           <template #analytics> <ChartIcon aria-hidden="true" /> Analytics </template>
+          <template #moderation> <ModerationIcon aria-hidden="true" /> Moderation </template>
           <template #sign-out> <LogOutIcon aria-hidden="true" /> Sign out </template>
         </OverflowMenu>
         <ButtonStyled v-else color="brand">
@@ -778,6 +779,7 @@ const userMenuOptions = computed(() => {
       link: "/settings",
     },
   ];
+
   // TODO: Only show if user has projects
   options = [
     ...options,
@@ -801,6 +803,24 @@ const userMenuOptions = computed(() => {
       link: "/dashboard/analytics",
     },
   ];
+
+  if (
+    (auth.value && auth.value.user && auth.value.user.role === "moderator") ||
+    auth.value.user.role === "admin"
+  ) {
+    options = [
+      ...options,
+      {
+        divider: true,
+      },
+      {
+        id: "moderation",
+        color: "orange",
+        link: "/moderation/review",
+      },
+    ];
+  }
+
   options = [
     ...options,
     {