chore: add temporary banner related to 60-day transactions history li…

…mitation. (#1365) Signed-off-by: Simon Viénot <simon.vienot@icloud.com>
hashgraph · Sep 18, 2024 · 6fd90ec · 6fd90ec
1 parent 526bd73
commit 6fd90ec
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/src/assets/styles/explorer.scss b/src/assets/styles/explorer.scss
@@ -529,6 +529,18 @@ hr.dotted {
   --oruga-tooltip-content-weight-normal: 300;
 }
 
+//
+// BANNER
+//
+
+.h-banner-link {
+  text-decoration: underline;
+}
+
+.h-banner-link:hover {
+  color: black
+}
+
 //
 // ORUGA TABLES
 //

diff --git a/src/pages/AccountDetails.vue b/src/pages/AccountDetails.vue
@@ -26,6 +26,10 @@
 
   <section :class="{'h-mobile-background': isTouchDevice || !isSmallScreen}" class="section">
 
+    <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" v-html="temporaryBanner"/>
+    </div>
+
     <DashboardCard collapsible-key="accountDetails">
       <template v-if="!isInactiveEvmAddress" v-slot:title>
         <span class="h-is-primary-title">Account </span>
@@ -397,6 +401,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 isTouchDevice = inject('isTouchDevice', false)
@@ -539,6 +545,7 @@ export default defineComponent({
     onBeforeUnmount(() => nameQuery.unmount())
 
     return {
+      temporaryBanner,
       isSmallScreen,
       isMediumScreen,
       isTouchDevice,

diff --git a/src/pages/Transactions.vue b/src/pages/Transactions.vue
@@ -26,6 +26,10 @@
 
   <section class="section" :class="{'h-mobile-background': isTouchDevice || !isSmallScreen}">
 
+    <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" v-html="temporaryBanner"/>
+    </div>
+
     <DashboardCard>
       <template v-slot:title>
         <span class="h-is-primary-title">Recent Transactions</span>
@@ -80,6 +84,8 @@ export default defineComponent({
   },
 
   setup() {
+    const temporaryBanner = import.meta.env.VITE_APP_TEMPORARY_BANNER ?? null
+
     const isSmallScreen = inject('isSmallScreen', true)
     const isTouchDevice = inject('isTouchDevice', false)
 
@@ -102,6 +108,7 @@ export default defineComponent({
     onBeforeUnmount(() => transactionTableController.unmount())
 
     return {
+      temporaryBanner,
       isSmallScreen,
       isTouchDevice,
       transactionTableController,