Add temporary banner to Staking.

Signed-off-by: Simon Viénot <[email protected]>
hashgraph · Feb 4, 2025 · 5220b1b · 5220b1b
1 parent e75e9d9
commit 5220b1b
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/pages/Staking.vue b/src/pages/Staking.vue
@@ -69,6 +69,10 @@
                          :account-id="accountId"/>
 
 
+      <div v-if="temporaryBanner" class="hero is-small mb-5" style="background-color: var(--h-theme-highlight-color);">
+        <div class="hero-body h-is-property-text p-3 has-text-centered" v-html="temporaryBanner"/>
+      </div>
+
       <DashboardCard v-if="enableWallet" collapsible-key="stakingDetails">
         <template v-slot:title>
           <div>
@@ -270,6 +274,8 @@ export default defineComponent({
   },
 
   setup(props) {
+    const temporaryBanner = import.meta.env.VITE_APP_TEMPORARY_BANNER ?? null
+
     const isSmallScreen = inject('isSmallScreen', true)
     const isMediumScreen = inject('isMediumScreen', true)
     const cryptoName = CoreConfig.inject().cryptoName
@@ -464,6 +470,7 @@ export default defineComponent({
         1000)
 
     return {
+      temporaryBanner,
       isSmallScreen,
       isMediumScreen,
       cryptoName,