feat: add info message

balancer · Jun 30, 2023 · 44ce999 · 44ce999
1 parent 8d1acfb
commit 44ce999
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 11 deletions.
diff --git a/src/components/contextual/pages/vebal/cross-chain-boost/CrossChainBoostCards.vue b/src/components/contextual/pages/vebal/cross-chain-boost/CrossChainBoostCards.vue
@@ -90,15 +90,15 @@ function onCloseModal() {
 
     <template v-if="!(isLoading || dynamicDataLoading)">
       <BalAlert
-        v-if="warningMessage.title"
+        v-if="warningMessage"
         :title="warningMessage.title"
         type="warning"
         class="mb-4"
       >
         {{ warningMessage.text }}
       </BalAlert>
       <BalAlert
-        v-else-if="infoMessage.title"
+        v-else-if="infoMessage"
         :title="infoMessage.title"
         type="tip"
         class="mb-4"

diff --git a/src/providers/cross-chain-sync.provider.ts b/src/providers/cross-chain-sync.provider.ts
@@ -185,18 +185,22 @@ export const crossChainSyncProvider = () => {
       };
     }
 
-    return {
-      title: '',
-      text: '',
-    };
+    return null;
   });
 
-  // TODO: add info message
   const infoMessage = computed(() => {
-    return {
-      title: '',
-      text: '',
-    };
+    if (warningMessage.value) {
+      return null;
+    }
+
+    if (networksBySyncState.value.synced.length > 0) {
+      return {
+        title: t('crossChainBoost.updateGauge.title'),
+        text: t('crossChainBoost.updateGauge.description'),
+      };
+    }
+
+    return null;
   });
 
   async function sync(network: Network) {