fix: run generate-ui & highlight aqua on success

Signed-off-by: james-a-morris <[email protected]>
across-protocol · Sep 26, 2024 · 41eaaa6 · 41eaaa6
1 parent 67bc825
commit 41eaaa6
Show file tree

Hide file tree

Showing 7 changed files with 34 additions and 25 deletions.
diff --git a/scripts/chain-configs/optimism/assets/grayscale-logo.svg b/scripts/chain-configs/optimism/assets/grayscale-logo.svg
diff --git a/scripts/chain-configs/optimism/assets/logo.svg b/scripts/chain-configs/optimism/assets/logo.svg
diff --git a/src/assets/chain-logos/optimism-grayscale.svg b/src/assets/chain-logos/optimism-grayscale.svg
diff --git a/src/assets/chain-logos/optimism-sepolia-grayscale.svg b/src/assets/chain-logos/optimism-sepolia-grayscale.svg
diff --git a/src/assets/chain-logos/optimism-sepolia.svg b/src/assets/chain-logos/optimism-sepolia.svg
diff --git a/src/assets/chain-logos/optimism.svg b/src/assets/chain-logos/optimism.svg
diff --git a/src/views/DepositStatus/components/DepositStatusUpperCard.tsx b/src/views/DepositStatus/components/DepositStatusUpperCard.tsx
@@ -417,6 +417,16 @@ const AnimatedLogoFromChain = styled(AnimatedLogo)<{ status: DepositStatus }>`
     #path-to-animate {
       fill: currentColor;
     }
+
+    // Set the fill on the svg based on status if id=require-fill is present
+    &#requires-fill {
+      fill: ${({ status }) =>
+        status === "deposit-reverted"
+          ? COLORS.warning
+          : status === "depositing"
+            ? COLORS.white
+            : COLORS.aqua};
+    }
   }
 `;
 
@@ -443,6 +453,16 @@ const AnimatedLogoToChain = styled(AnimatedLogo)<{ status: DepositStatus }>`
     #path-to-animate {
       fill: currentColor;
     }
+
+    // Set the fill on the svg based on status if id=require-fill is present
+    &#requires-fill {
+      fill: ${({ status }) =>
+        status === "deposit-reverted"
+          ? COLORS.warning
+          : status === "depositing"
+            ? COLORS.white
+            : COLORS.aqua};
+    }
   }
 `;