From bc02bb031d3ba695f717204924bae13d2611da93 Mon Sep 17 00:00:00 2001
From: Raphael Odini <raphodn@users.noreply.github.com>
Date: Wed, 23 Oct 2024 00:22:39 +0200
Subject: [PATCH] feat(Header): show local or staging suffix if not in prod.
 ref #876

---
 src/components/Header.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Header.vue b/src/components/Header.vue
index 9f6b742caf1..7ddcb626835 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -5,6 +5,7 @@
       <span style="cursor:pointer" @click="$router.push('/')">
         <img src="/favicon.svg" height="28" width="28" style="vertical-align:bottom">
         {{ APP_NAME }}
+        <span v-if="ENV !== 'prod'" class="text-caption">{{ ENV }}</span>
       </span>
     </v-app-bar-title>
     <v-btn v-if="!$vuetify.display.smAndUp" icon="mdi-magnify" to="/search" :aria-label="$t('Common.Search')" />
@@ -62,6 +63,7 @@ export default {
   data() {
     return {
       APP_NAME: constants.APP_NAME,
+      ENV: import.meta.env.VITE_OPEN_PRICES_ENV,
       showDrawerMenu: false,
       showProfileMenu: false,
     }