From 9a2998ffba6f541ec09cfbae3835f487f37bec28 Mon Sep 17 00:00:00 2001
From: Prospector <prospectordev@gmail.com>
Date: Fri, 7 Jun 2024 14:03:08 -0700
Subject: [PATCH] Add button to flags page in dev mode

---
 layouts/default.vue   | 18 +++++++++++++++++-
 pages/[type]/[id].vue |  3 ++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 083d1fe0eb..b4cd327dd7 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -125,6 +125,10 @@
                     <ModerationIcon class="icon" />
                     <span class="title">{{ formatMessage(commonMessages.moderationLabel) }}</span>
                   </NuxtLink>
+                  <NuxtLink v-if="flags.developerMode" class="item button-transparent" to="/flags">
+                    <ReportIcon class="icon" />
+                    <span class="title">Feature flags</span>
+                  </NuxtLink>
                   <NuxtLink
                     v-if="!cosmetics.hideModrinthAppPromos"
                     class="item button-transparent primary-color"
@@ -228,6 +232,10 @@
                 <ModerationIcon aria-hidden="true" />
                 {{ formatMessage(commonMessages.moderationLabel) }}
               </NuxtLink>
+              <NuxtLink v-if="flags.developerMode" class="iconified-button" to="/flags">
+                <ReportIcon aria-hidden="true" />
+                Feature flags
+              </NuxtLink>
             </template>
             <NuxtLink class="iconified-button" to="/settings">
               <SettingsIcon aria-hidden="true" />
@@ -411,7 +419,15 @@
   </div>
 </template>
 <script setup>
-import { LogInIcon, DownloadIcon, LibraryIcon, XIcon, IssuesIcon, Button } from 'omorphia'
+import {
+  LogInIcon,
+  DownloadIcon,
+  LibraryIcon,
+  XIcon,
+  IssuesIcon,
+  Button,
+  ReportIcon,
+} from 'omorphia'
 import HamburgerIcon from '~/assets/images/utils/hamburger.svg'
 import CrossIcon from '~/assets/images/utils/x.svg'
 import SearchIcon from '~/assets/images/utils/search.svg'
diff --git a/pages/[type]/[id].vue b/pages/[type]/[id].vue
index ee10389b0f..ae7f659e9a 100644
--- a/pages/[type]/[id].vue
+++ b/pages/[type]/[id].vue
@@ -557,7 +557,8 @@
           :route="route"
         />
       </section>
-      <div class="normal-page__info"><div
+      <div class="normal-page__info">
+        <div
           v-if="
             flags.newProjectLinks &&
             (project.issues_url ||