From df723b56dab789bd0e9302c8793e73a4b658a1c0 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Tue, 29 Apr 2025 21:32:00 -0400
Subject: [PATCH] Show staging tag for staging firebase (#3693)

---
 src/components/dialog/header/SettingDialogHeader.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/dialog/header/SettingDialogHeader.vue b/src/components/dialog/header/SettingDialogHeader.vue
index 28893464c..deacf7036 100644
--- a/src/components/dialog/header/SettingDialogHeader.vue
+++ b/src/components/dialog/header/SettingDialogHeader.vue
@@ -3,9 +3,21 @@
     <h2 class="px-4">
       <i class="pi pi-cog" />
       <span>{{ $t('g.settings') }}</span>
+      <Tag
+        v-if="isStaging"
+        value="staging"
+        severity="warn"
+        class="ml-2 text-xs"
+      />
     </h2>
   </div>
 </template>
+<script setup lang="ts">
+import Tag from 'primevue/tag'
+
+// @ts-expect-error: Global variable from vite build defined in global.d.ts
+const isStaging = !window.__USE_PROD_CONFIG__
+</script>
 
 <style scoped>
 .pi-cog {