From bff34818bbd01997648d8b90ab1c86a7b482eb7b Mon Sep 17 00:00:00 2001
From: Sol Fisher Romanoff <sol@solfisher.com>
Date: Sat, 5 Nov 2022 16:23:42 +0200
Subject: [PATCH] Add moderation button to side drawer

---
 src/components/mod_modal/mod_modal_content.vue | 14 --------------
 src/components/side_drawer/side_drawer.js      |  9 +++++++--
 src/components/side_drawer/side_drawer.vue     | 15 +++++++++++++++
 src/i18n/en.json                               |  1 +
 4 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/components/mod_modal/mod_modal_content.vue b/src/components/mod_modal/mod_modal_content.vue
index 1c11cb33..6fa32be1 100644
--- a/src/components/mod_modal/mod_modal_content.vue
+++ b/src/components/mod_modal/mod_modal_content.vue
@@ -13,20 +13,6 @@
     >
       <ReportsTab />
     </div>
-    <!-- <div -->
-    <!--   :label="$t('moderation.users')" -->
-    <!--   icon="users" -->
-    <!--   data-tab-name="users" -->
-    <!-- > -->
-    <!--   <UsersTab /> -->
-    <!-- </div> -->
-    <!-- <div -->
-    <!--   :label="$t('moderation.statuses')" -->
-    <!--   icon="message" -->
-    <!--   data-tab-name="statuses" -->
-    <!-- > -->
-    <!--   <StatusesTab /> -->
-    <!-- </div> -->
   </tab-switcher>
 </template>
 
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index 1c8d5865..4e6e9edd 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -15,7 +15,8 @@ import {
   faTachometerAlt,
   faCog,
   faInfoCircle,
-  faList
+  faList,
+  faUserTie
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -30,7 +31,8 @@ library.add(
   faTachometerAlt,
   faCog,
   faInfoCircle,
-  faList
+  faList,
+  faUserTie
 )
 
 const SideDrawer = {
@@ -102,6 +104,9 @@ const SideDrawer = {
     },
     openSettingsModal () {
       this.$store.dispatch('openSettingsModal')
+    },
+    openModModal () {
+      this.$store.dispatch('openModModal')
     }
   }
 }
diff --git a/src/components/side_drawer/side_drawer.vue b/src/components/side_drawer/side_drawer.vue
index 6d78fa85..86943e27 100644
--- a/src/components/side_drawer/side_drawer.vue
+++ b/src/components/side_drawer/side_drawer.vue
@@ -143,6 +143,21 @@
             /> {{ $t("nav.about") }}
           </router-link>
         </li>
+        <li
+          v-if="currentUser && currentUser.role === 'admin' || currentUser.role === 'moderator'"
+          @click="toggleDrawer"
+        >
+          <button
+            class="button-unstyled -link -fullwidth"
+            @click="openModModal"
+          >
+            <FAIcon
+              fixed-width
+              class="fa-scale-110 fa-old-padding"
+              icon="user-tie"
+            /> {{ $t("nav.moderation") }}
+          </button>
+        </li>
         <li
           v-if="currentUser && currentUser.role === 'admin'"
           @click="toggleDrawer"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index df07bbb8..9cb5e3c7 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -307,6 +307,7 @@
         "interactions": "Interactions",
         "lists": "Lists",
         "mentions": "Mentions",
+        "moderation": "Moderation",
         "preferences": "Preferences",
         "public_timeline_description": "Public posts from this instance",
         "public_tl": "Public timeline",