add new icon to sync

stereum-dev · Jan 2, 2024 · bc0a8c3 · bc0a8c3
1 parent bd4cb90
commit bc0a8c3
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 14 deletions.
diff --git a/launcher/public/img/icon/control/SyncErrorWithShadow.gif b/launcher/public/img/icon/control/SyncErrorWithShadow.gif
diff --git a/launcher/src/components/UI/node-page/components/alert/NodeAlert.vue b/launcher/src/components/UI/node-page/components/alert/NodeAlert.vue
@@ -14,7 +14,9 @@
         <div
           class="status-icon"
           :class="{
-            active: stereumUpdate.current !== stereumUpdate.version || updatedNewUpdates.length > 0,
+            active:
+              stereumUpdate.current !== stereumUpdate.version ||
+              updatedNewUpdates.length > 0,
           }"
         >
           <img src="/img/icon/control/SETTINGS.png" alt="green" />
@@ -72,8 +74,8 @@
           </div>
         </div>
       </div>
-      <div v-if="true" class="status-message_red">
-        <!-- <div v-if="synchronizationError" class="status-message_red"> -->
+
+      <div v-if="synchronizationError" class="status-message_red">
         <div class="message-icon">
           <img src="/img/icon/control/SyncErrorWithShadow.gif" alt="warn_storage" />
         </div>
@@ -238,7 +240,9 @@ export default {
     },
     updatedNewUpdates() {
       const updatedUpdates = this.newUpdates.map((update) => {
-        const matchingService = this.installedServices.find((service) => service.name === update.name);
+        const matchingService = this.installedServices.find(
+          (service) => service.name === update.name
+        );
         if (matchingService) {
           return {
             ...update,
@@ -303,7 +307,9 @@ export default {
       }
     },
     expertHandler(el) {
-      let selectedObject = this.installedServices.find((obj) => obj.config.serviceID === el);
+      let selectedObject = this.installedServices.find(
+        (obj) => obj.config.serviceID === el
+      );
       this.selectedValidatorFromNodeAlert = selectedObject;
       this.openModalFromNodeAlert = true;
     },
@@ -322,11 +328,15 @@ export default {
           }
           if (!validator.yaml)
             try {
-              validator.yaml = await ControlService.getServiceYAML(validator.config.serviceID);
+              validator.yaml = await ControlService.getServiceYAML(
+                validator.config.serviceID
+              );
             } catch (e) {
               console.log("couldn't get service yaml");
             }
-          const patternIndex = validator.expertOptions.findIndex((o) => o.title === "Default Fee Recipient");
+          const patternIndex = validator.expertOptions.findIndex(
+            (o) => o.title === "Default Fee Recipient"
+          );
           if (patternIndex === -1 || !validator.yaml) {
             continue;
           }
@@ -348,7 +358,8 @@ export default {
           }
         }
         const notSetAddresses = addresses.filter(
-          (validator) => validator.address === "0x0000000000000000000000000000000000000000"
+          (validator) =>
+            validator.address === "0x0000000000000000000000000000000000000000"
         );
         this.notSetAddresses = notSetAddresses;
       }

diff --git a/launcher/src/components/UI/the-control/ControlAlert.vue b/launcher/src/components/UI/the-control/ControlAlert.vue
@@ -14,7 +14,9 @@
         <div
           class="icon_alarm"
           :class="{
-            active: stereumUpdate.current !== stereumUpdate.version || updatedNewUpdates.length > 0,
+            active:
+              stereumUpdate.current !== stereumUpdate.version ||
+              updatedNewUpdates.length > 0,
           }"
         >
           <img src="/img/icon/control/SETTINGS.png" alt="green" />
@@ -67,7 +69,7 @@
         </div>
         <div v-if="synchronizationError" class="alert-message_red">
           <div class="icon-box">
-            <img src="/img/icon/arrows/SynchronisationIconError.gif" alt="warn_storage" />
+            <img src="/img/icon/control/SyncErrorWithShadow.gif" alt="warn_storage" />
           </div>
           <div class="message">
             <div class="main-message"><span>CLIENT / SERVICE</span></div>
@@ -215,7 +217,9 @@ export default {
     },
     updatedNewUpdates() {
       const updatedUpdates = this.newUpdates.map((update) => {
-        const matchingService = this.installedServices.find((service) => service.name === update.name);
+        const matchingService = this.installedServices.find(
+          (service) => service.name === update.name
+        );
         if (matchingService) {
           return {
             ...update,
@@ -334,8 +338,13 @@ export default {
           if (validator.name === "ssv.network" || validator.name === "Obol Charon") {
             continue;
           }
-          if (!validator.yaml) validator.yaml = await ControlService.getServiceYAML(validator.config.serviceID);
-          const patternIndex = validator.expertOptions.findIndex((o) => o.title === "Default Fee Recipient");
+          if (!validator.yaml)
+            validator.yaml = await ControlService.getServiceYAML(
+              validator.config.serviceID
+            );
+          const patternIndex = validator.expertOptions.findIndex(
+            (o) => o.title === "Default Fee Recipient"
+          );
           if (patternIndex === -1) {
             continue;
           }
@@ -352,7 +361,8 @@ export default {
           }
         }
         const notSetAddresses = addresses.filter(
-          (validator) => validator.address === "0x0000000000000000000000000000000000000000"
+          (validator) =>
+            validator.address === "0x0000000000000000000000000000000000000000"
         );
         this.notSetAddresses = notSetAddresses;
       }