From 67bc825d7fa743226b2c6f970049b7b440043c7a Mon Sep 17 00:00:00 2001
From: james-a-morris <jaamorris@cs.stonybrook.edu>
Date: Tue, 24 Sep 2024 15:26:35 -0400
Subject: [PATCH 1/2] improve: update token logo

Signed-off-by: james-a-morris <jaamorris@cs.stonybrook.edu>
---
 src/assets/chain-logos/optimism-grayscale.svg  | 18 ++++++------------
 .../chain-logos/optimism-sepolia-grayscale.svg | 18 ++++++------------
 src/assets/chain-logos/optimism-sepolia.svg    | 11 ++++++-----
 src/assets/chain-logos/optimism.svg            | 11 ++++++-----
 src/assets/token-logos/op.svg                  | 10 +++++-----
 .../components/DepositStatusUpperCard.tsx      |  7 +++++++
 6 files changed, 36 insertions(+), 39 deletions(-)

diff --git a/src/assets/chain-logos/optimism-grayscale.svg b/src/assets/chain-logos/optimism-grayscale.svg
index f1f83d901..d47ef7be1 100644
--- a/src/assets/chain-logos/optimism-grayscale.svg
+++ b/src/assets/chain-logos/optimism-grayscale.svg
@@ -1,12 +1,6 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="32" height="32" rx="16" fill="#9DAAB3"/>
-<g clip-path="url(#clip0_5961_127052)">
-<path d="M10.0353 20.8002C8.96705 20.8002 8.09182 20.5513 7.4096 20.0535C6.73634 19.5469 6.39972 18.8269 6.39972 17.8935C6.39972 17.698 6.42216 17.458 6.46704 17.1735C6.58374 16.5335 6.74981 15.7646 6.96525 14.8669C7.57567 12.4224 9.15107 11.2002 11.6915 11.2002C12.3827 11.2002 13.0021 11.3158 13.5497 11.5469C14.0972 11.7691 14.5281 12.1069 14.8423 12.5602C15.1565 13.0046 15.3136 13.538 15.3136 14.1602C15.3136 14.3469 15.2911 14.5824 15.2463 14.8669C15.1116 15.658 14.95 16.4269 14.7615 17.1735C14.4473 18.3913 13.9042 19.3024 13.1322 19.9069C12.3602 20.5024 11.3279 20.8002 10.0353 20.8002ZM10.2238 18.8802C10.7265 18.8802 11.1529 18.7335 11.503 18.4402C11.862 18.1469 12.1179 17.698 12.2705 17.0935C12.477 16.258 12.634 15.5291 12.7418 14.9069C12.7777 14.7202 12.7956 14.5291 12.7956 14.3335C12.7956 13.5246 12.3692 13.1202 11.5164 13.1202C11.0137 13.1202 10.5829 13.2669 10.2238 13.5602C9.8737 13.8535 9.62235 14.3024 9.46975 14.9069C9.30816 15.5024 9.14659 16.2313 8.985 17.0935C8.9491 17.2713 8.93114 17.458 8.93114 17.6535C8.93114 18.4713 9.36202 18.8802 10.2238 18.8802Z" fill="#2D2E33"/>
-<path d="M16.6798 20.6671C16.5811 20.6671 16.5048 20.636 16.4509 20.5737C16.4061 20.5026 16.3926 20.4226 16.4105 20.3337L18.2687 11.6671C18.2866 11.5693 18.336 11.4893 18.4168 11.4271C18.4976 11.3649 18.5829 11.3337 18.6727 11.3337H22.2543C23.2508 11.3337 24.0497 11.5382 24.6511 11.9471C25.2615 12.356 25.5668 12.9471 25.5668 13.7204C25.5668 13.9426 25.5398 14.1737 25.486 14.4137C25.2615 15.436 24.8082 16.1915 24.126 16.6804C23.4527 17.1693 22.5281 17.4137 21.3522 17.4137H19.5344L18.915 20.3337C18.8971 20.4315 18.8477 20.5115 18.7669 20.5737C18.6861 20.636 18.6009 20.6671 18.511 20.6671H16.6798ZM21.4464 15.5737C21.8235 15.5737 22.1511 15.4715 22.4294 15.2671C22.7167 15.0626 22.9052 14.7693 22.9949 14.3871C23.0218 14.236 23.0353 14.1026 23.0353 13.9871C23.0353 13.7293 22.959 13.5337 22.8064 13.4004C22.6538 13.2582 22.3935 13.1871 22.0255 13.1871H20.4096L19.898 15.5737H21.4464Z" fill="#2D2E33"/>
-</g>
-<defs>
-<clipPath id="clip0_5961_127052">
-<rect width="19.2" height="9.6" fill="white" transform="translate(6.39972 11.2002)"/>
-</clipPath>
-</defs>
-</svg>
+
+<svg width="137" height="137" viewBox="0 0 137 137" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M136.4 68.3C136.4 30.6 105.8 0.1 68.2 0C30.5 0 0 30.6 0 68.3C0 106 30.6 136.5 68.2 136.6C105.9 136.6 136.4 106 136.4 68.3ZM68.1 102.4V133.7C40.6 133.7 18.3 111.4 18.3 83.9C18.3 56.4 40.6 34.1 68.1 34.1V2.8C95.6 2.8 117.9 25.1 117.9 52.6C117.9 80.1 95.6 102.4 68.1 102.4Z"/>
+    <path d="M68.3 44.8H67.9C62.7 55.2 55 62.9 44.6 68.1V68.5C55 73.7 62.7 81.4 67.9 91.8H68.3C73.5 81.4 81.2 73.7 91.6 68.5V68.1C81.2 62.9 73.5 55.2 68.3 44.8Z"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/src/assets/chain-logos/optimism-sepolia-grayscale.svg b/src/assets/chain-logos/optimism-sepolia-grayscale.svg
index f1f83d901..d47ef7be1 100644
--- a/src/assets/chain-logos/optimism-sepolia-grayscale.svg
+++ b/src/assets/chain-logos/optimism-sepolia-grayscale.svg
@@ -1,12 +1,6 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="32" height="32" rx="16" fill="#9DAAB3"/>
-<g clip-path="url(#clip0_5961_127052)">
-<path d="M10.0353 20.8002C8.96705 20.8002 8.09182 20.5513 7.4096 20.0535C6.73634 19.5469 6.39972 18.8269 6.39972 17.8935C6.39972 17.698 6.42216 17.458 6.46704 17.1735C6.58374 16.5335 6.74981 15.7646 6.96525 14.8669C7.57567 12.4224 9.15107 11.2002 11.6915 11.2002C12.3827 11.2002 13.0021 11.3158 13.5497 11.5469C14.0972 11.7691 14.5281 12.1069 14.8423 12.5602C15.1565 13.0046 15.3136 13.538 15.3136 14.1602C15.3136 14.3469 15.2911 14.5824 15.2463 14.8669C15.1116 15.658 14.95 16.4269 14.7615 17.1735C14.4473 18.3913 13.9042 19.3024 13.1322 19.9069C12.3602 20.5024 11.3279 20.8002 10.0353 20.8002ZM10.2238 18.8802C10.7265 18.8802 11.1529 18.7335 11.503 18.4402C11.862 18.1469 12.1179 17.698 12.2705 17.0935C12.477 16.258 12.634 15.5291 12.7418 14.9069C12.7777 14.7202 12.7956 14.5291 12.7956 14.3335C12.7956 13.5246 12.3692 13.1202 11.5164 13.1202C11.0137 13.1202 10.5829 13.2669 10.2238 13.5602C9.8737 13.8535 9.62235 14.3024 9.46975 14.9069C9.30816 15.5024 9.14659 16.2313 8.985 17.0935C8.9491 17.2713 8.93114 17.458 8.93114 17.6535C8.93114 18.4713 9.36202 18.8802 10.2238 18.8802Z" fill="#2D2E33"/>
-<path d="M16.6798 20.6671C16.5811 20.6671 16.5048 20.636 16.4509 20.5737C16.4061 20.5026 16.3926 20.4226 16.4105 20.3337L18.2687 11.6671C18.2866 11.5693 18.336 11.4893 18.4168 11.4271C18.4976 11.3649 18.5829 11.3337 18.6727 11.3337H22.2543C23.2508 11.3337 24.0497 11.5382 24.6511 11.9471C25.2615 12.356 25.5668 12.9471 25.5668 13.7204C25.5668 13.9426 25.5398 14.1737 25.486 14.4137C25.2615 15.436 24.8082 16.1915 24.126 16.6804C23.4527 17.1693 22.5281 17.4137 21.3522 17.4137H19.5344L18.915 20.3337C18.8971 20.4315 18.8477 20.5115 18.7669 20.5737C18.6861 20.636 18.6009 20.6671 18.511 20.6671H16.6798ZM21.4464 15.5737C21.8235 15.5737 22.1511 15.4715 22.4294 15.2671C22.7167 15.0626 22.9052 14.7693 22.9949 14.3871C23.0218 14.236 23.0353 14.1026 23.0353 13.9871C23.0353 13.7293 22.959 13.5337 22.8064 13.4004C22.6538 13.2582 22.3935 13.1871 22.0255 13.1871H20.4096L19.898 15.5737H21.4464Z" fill="#2D2E33"/>
-</g>
-<defs>
-<clipPath id="clip0_5961_127052">
-<rect width="19.2" height="9.6" fill="white" transform="translate(6.39972 11.2002)"/>
-</clipPath>
-</defs>
-</svg>
+
+<svg width="137" height="137" viewBox="0 0 137 137" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M136.4 68.3C136.4 30.6 105.8 0.1 68.2 0C30.5 0 0 30.6 0 68.3C0 106 30.6 136.5 68.2 136.6C105.9 136.6 136.4 106 136.4 68.3ZM68.1 102.4V133.7C40.6 133.7 18.3 111.4 18.3 83.9C18.3 56.4 40.6 34.1 68.1 34.1V2.8C95.6 2.8 117.9 25.1 117.9 52.6C117.9 80.1 95.6 102.4 68.1 102.4Z"/>
+    <path d="M68.3 44.8H67.9C62.7 55.2 55 62.9 44.6 68.1V68.5C55 73.7 62.7 81.4 67.9 91.8H68.3C73.5 81.4 81.2 73.7 91.6 68.5V68.1C81.2 62.9 73.5 55.2 68.3 44.8Z"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/src/assets/chain-logos/optimism-sepolia.svg b/src/assets/chain-logos/optimism-sepolia.svg
index 2e5ce3103..ca5b8bf16 100644
--- a/src/assets/chain-logos/optimism-sepolia.svg
+++ b/src/assets/chain-logos/optimism-sepolia.svg
@@ -1,5 +1,6 @@
-<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="250" cy="250" r="250" fill="#FF0420"/>
-<path d="M177.133 316.446C162.247 316.446 150.051 312.943 140.544 305.938C131.162 298.808 126.471 288.676 126.471 275.541C126.471 272.789 126.784 269.411 127.409 265.408C129.036 256.402 131.35 245.581 134.352 232.947C142.858 198.547 164.812 181.347 200.213 181.347C209.845 181.347 218.476 182.973 226.107 186.225C233.738 189.352 239.742 194.106 244.12 200.486C248.498 206.74 250.688 214.246 250.688 223.002C250.688 225.629 250.375 228.944 249.749 232.947C247.873 244.08 245.621 254.901 242.994 265.408C238.616 282.546 231.048 295.368 220.29 303.874C209.532 312.255 195.147 316.446 177.133 316.446ZM179.76 289.426C186.766 289.426 192.707 287.362 197.586 283.234C202.59 279.106 206.155 272.789 208.281 264.283C211.158 252.524 213.348 242.266 214.849 233.51C215.349 230.883 215.599 228.194 215.599 225.441C215.599 214.058 209.657 208.366 197.774 208.366C190.768 208.366 184.764 210.43 179.76 214.558C174.882 218.687 171.379 225.004 169.253 233.51C167.001 241.891 164.749 252.149 162.498 264.283C161.997 266.784 161.747 269.411 161.747 272.163C161.747 283.672 167.752 289.426 179.76 289.426Z" fill="white"/>
-<path d="M259.303 314.57C257.927 314.57 256.863 314.132 256.113 313.256C255.487 312.255 255.3 311.13 255.55 309.879L281.444 187.914C281.694 186.538 282.382 185.412 283.508 184.536C284.634 183.661 285.822 183.223 287.073 183.223H336.985C350.87 183.223 362.003 186.1 370.384 191.854C378.891 197.609 383.144 205.927 383.144 216.81C383.144 219.937 382.769 223.19 382.018 226.567C378.891 240.953 372.574 251.586 363.067 258.466C353.685 265.346 340.8 268.786 324.413 268.786H299.082L290.451 309.879C290.2 311.255 289.512 312.38 288.387 313.256C287.261 314.132 286.072 314.57 284.822 314.57H259.303ZM325.727 242.892C330.98 242.892 335.546 241.453 339.424 238.576C343.427 235.699 346.054 231.571 347.305 226.192C347.68 224.065 347.868 222.189 347.868 220.563C347.868 216.935 346.805 214.183 344.678 212.307C342.551 210.305 338.924 209.305 333.795 209.305H311.278L304.148 242.892H325.727Z" fill="white"/>
-</svg>
+
+<svg width="137" height="138" viewBox="0 0 137 138" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M136.5 69.2C136.5 31.5 105.9 1 68.3 0.900002C30.6 0.900002 0.0999985 31.5 0.0999985 69.2C0.0999985 106.9 30.7 137.4 68.3 137.5C106 137.5 136.5 106.9 136.5 69.2ZM68.2 103.3V134.6C40.7 134.6 18.4 112.3 18.4 84.8C18.4 57.3 40.7 35 68.2 35V3.7C95.7 3.7 118 26 118 53.5C118 81 95.7 103.3 68.2 103.3Z" fill="#FF0420"/>
+    <path d="M68.4 45.7H68C62.8 56.1 55.1 63.8 44.7 69V69.4C55.1 74.6 62.8 82.3 68 92.7H68.4C73.6 82.3 81.3 74.6 91.7 69.4V69C81.3 63.8 73.6 56.1 68.4 45.7Z" fill="#FF0420"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/src/assets/chain-logos/optimism.svg b/src/assets/chain-logos/optimism.svg
index 2e5ce3103..ca5b8bf16 100644
--- a/src/assets/chain-logos/optimism.svg
+++ b/src/assets/chain-logos/optimism.svg
@@ -1,5 +1,6 @@
-<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="250" cy="250" r="250" fill="#FF0420"/>
-<path d="M177.133 316.446C162.247 316.446 150.051 312.943 140.544 305.938C131.162 298.808 126.471 288.676 126.471 275.541C126.471 272.789 126.784 269.411 127.409 265.408C129.036 256.402 131.35 245.581 134.352 232.947C142.858 198.547 164.812 181.347 200.213 181.347C209.845 181.347 218.476 182.973 226.107 186.225C233.738 189.352 239.742 194.106 244.12 200.486C248.498 206.74 250.688 214.246 250.688 223.002C250.688 225.629 250.375 228.944 249.749 232.947C247.873 244.08 245.621 254.901 242.994 265.408C238.616 282.546 231.048 295.368 220.29 303.874C209.532 312.255 195.147 316.446 177.133 316.446ZM179.76 289.426C186.766 289.426 192.707 287.362 197.586 283.234C202.59 279.106 206.155 272.789 208.281 264.283C211.158 252.524 213.348 242.266 214.849 233.51C215.349 230.883 215.599 228.194 215.599 225.441C215.599 214.058 209.657 208.366 197.774 208.366C190.768 208.366 184.764 210.43 179.76 214.558C174.882 218.687 171.379 225.004 169.253 233.51C167.001 241.891 164.749 252.149 162.498 264.283C161.997 266.784 161.747 269.411 161.747 272.163C161.747 283.672 167.752 289.426 179.76 289.426Z" fill="white"/>
-<path d="M259.303 314.57C257.927 314.57 256.863 314.132 256.113 313.256C255.487 312.255 255.3 311.13 255.55 309.879L281.444 187.914C281.694 186.538 282.382 185.412 283.508 184.536C284.634 183.661 285.822 183.223 287.073 183.223H336.985C350.87 183.223 362.003 186.1 370.384 191.854C378.891 197.609 383.144 205.927 383.144 216.81C383.144 219.937 382.769 223.19 382.018 226.567C378.891 240.953 372.574 251.586 363.067 258.466C353.685 265.346 340.8 268.786 324.413 268.786H299.082L290.451 309.879C290.2 311.255 289.512 312.38 288.387 313.256C287.261 314.132 286.072 314.57 284.822 314.57H259.303ZM325.727 242.892C330.98 242.892 335.546 241.453 339.424 238.576C343.427 235.699 346.054 231.571 347.305 226.192C347.68 224.065 347.868 222.189 347.868 220.563C347.868 216.935 346.805 214.183 344.678 212.307C342.551 210.305 338.924 209.305 333.795 209.305H311.278L304.148 242.892H325.727Z" fill="white"/>
-</svg>
+
+<svg width="137" height="138" viewBox="0 0 137 138" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M136.5 69.2C136.5 31.5 105.9 1 68.3 0.900002C30.6 0.900002 0.0999985 31.5 0.0999985 69.2C0.0999985 106.9 30.7 137.4 68.3 137.5C106 137.5 136.5 106.9 136.5 69.2ZM68.2 103.3V134.6C40.7 134.6 18.4 112.3 18.4 84.8C18.4 57.3 40.7 35 68.2 35V3.7C95.7 3.7 118 26 118 53.5C118 81 95.7 103.3 68.2 103.3Z" fill="#FF0420"/>
+    <path d="M68.4 45.7H68C62.8 56.1 55.1 63.8 44.7 69V69.4C55.1 74.6 62.8 82.3 68 92.7H68.4C73.6 82.3 81.3 74.6 91.7 69.4V69C81.3 63.8 73.6 56.1 68.4 45.7Z" fill="#FF0420"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/src/assets/token-logos/op.svg b/src/assets/token-logos/op.svg
index 2e5ce3103..6286f1011 100644
--- a/src/assets/token-logos/op.svg
+++ b/src/assets/token-logos/op.svg
@@ -1,5 +1,5 @@
-<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="250" cy="250" r="250" fill="#FF0420"/>
-<path d="M177.133 316.446C162.247 316.446 150.051 312.943 140.544 305.938C131.162 298.808 126.471 288.676 126.471 275.541C126.471 272.789 126.784 269.411 127.409 265.408C129.036 256.402 131.35 245.581 134.352 232.947C142.858 198.547 164.812 181.347 200.213 181.347C209.845 181.347 218.476 182.973 226.107 186.225C233.738 189.352 239.742 194.106 244.12 200.486C248.498 206.74 250.688 214.246 250.688 223.002C250.688 225.629 250.375 228.944 249.749 232.947C247.873 244.08 245.621 254.901 242.994 265.408C238.616 282.546 231.048 295.368 220.29 303.874C209.532 312.255 195.147 316.446 177.133 316.446ZM179.76 289.426C186.766 289.426 192.707 287.362 197.586 283.234C202.59 279.106 206.155 272.789 208.281 264.283C211.158 252.524 213.348 242.266 214.849 233.51C215.349 230.883 215.599 228.194 215.599 225.441C215.599 214.058 209.657 208.366 197.774 208.366C190.768 208.366 184.764 210.43 179.76 214.558C174.882 218.687 171.379 225.004 169.253 233.51C167.001 241.891 164.749 252.149 162.498 264.283C161.997 266.784 161.747 269.411 161.747 272.163C161.747 283.672 167.752 289.426 179.76 289.426Z" fill="white"/>
-<path d="M259.303 314.57C257.927 314.57 256.863 314.132 256.113 313.256C255.487 312.255 255.3 311.13 255.55 309.879L281.444 187.914C281.694 186.538 282.382 185.412 283.508 184.536C284.634 183.661 285.822 183.223 287.073 183.223H336.985C350.87 183.223 362.003 186.1 370.384 191.854C378.891 197.609 383.144 205.927 383.144 216.81C383.144 219.937 382.769 223.19 382.018 226.567C378.891 240.953 372.574 251.586 363.067 258.466C353.685 265.346 340.8 268.786 324.413 268.786H299.082L290.451 309.879C290.2 311.255 289.512 312.38 288.387 313.256C287.261 314.132 286.072 314.57 284.822 314.57H259.303ZM325.727 242.892C330.98 242.892 335.546 241.453 339.424 238.576C343.427 235.699 346.054 231.571 347.305 226.192C347.68 224.065 347.868 222.189 347.868 220.563C347.868 216.935 346.805 214.183 344.678 212.307C342.551 210.305 338.924 209.305 333.795 209.305H311.278L304.148 242.892H325.727Z" fill="white"/>
-</svg>
+<svg width="138" height="138" viewBox="0 0 138 138" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M69.211 137.461C106.904 137.461 137.461 106.904 137.461 69.211C137.461 31.5176 106.904 0.960999 69.211 0.960999C31.5176 0.960999 0.960999 31.5176 0.960999 69.211C0.960999 106.904 31.5176 137.461 69.211 137.461Z" fill="#FF0420"/>
+    <path d="M97.7249 44.9404H72.7212L72.7471 101.901H88.2615V91.5873H97.7249C110.603 91.5873 121.042 81.1478 121.042 68.2701V68.2576C121.042 55.3798 110.603 44.9404 97.7249 44.9404ZM104.492 68.3425C100.757 70.2039 97.9588 73.0019 96.0975 76.7367H95.94C94.0787 73.0019 91.2806 70.2039 87.546 68.3425V68.185C91.2806 66.3237 94.0787 63.5256 95.94 59.791H96.0975C97.9588 63.5256 100.757 66.3237 104.492 68.185V68.3425ZM42.0597 43.6665C28.4751 43.6665 17.4624 54.6791 17.4624 68.2638C17.4624 81.8484 28.475 92.8611 42.0596 92.8611C55.6443 92.8611 66.6569 81.8485 66.6569 68.2638C66.6569 54.6792 55.6445 43.6665 42.0597 43.6665ZM50.5325 68.3425C46.7979 70.2039 43.9998 73.0019 42.1385 76.7367H41.9809C40.1196 73.0019 37.3216 70.2039 33.5868 68.3425V68.185C37.3216 66.3237 40.1196 63.5256 41.9809 59.791H42.1385C43.9998 63.5256 46.7979 66.3237 50.5325 68.185V68.3425Z" fill="white"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/src/views/DepositStatus/components/DepositStatusUpperCard.tsx b/src/views/DepositStatus/components/DepositStatusUpperCard.tsx
index d16672411..9f323deb6 100644
--- a/src/views/DepositStatus/components/DepositStatusUpperCard.tsx
+++ b/src/views/DepositStatus/components/DepositStatusUpperCard.tsx
@@ -430,6 +430,13 @@ const AnimatedLogoToChain = styled(AnimatedLogo)<{ status: DepositStatus }>`
           ? COLORS.white
           : COLORS.aqua};
 
+    fill: ${({ status }) =>
+      status === "depositing" || status === "deposit-reverted"
+        ? COLORS["grey-400"]
+        : status === "filling"
+          ? COLORS.white
+          : COLORS.aqua};
+
     // Use currentColor for the fill of rect, circle, and #path-to-animate
     & rect,
     circle,

From 41eaaa69f21102e87f4d50fab2a4bfe325263a44 Mon Sep 17 00:00:00 2001
From: james-a-morris <jaamorris@cs.stonybrook.edu>
Date: Thu, 26 Sep 2024 12:04:09 -0400
Subject: [PATCH 2/2] fix: run generate-ui & highlight aqua on success

Signed-off-by: james-a-morris <jaamorris@cs.stonybrook.edu>
---
 .../optimism/assets/grayscale-logo.svg        | 17 +++++-----------
 .../chain-configs/optimism/assets/logo.svg    | 10 +++++-----
 src/assets/chain-logos/optimism-grayscale.svg |  3 +--
 .../optimism-sepolia-grayscale.svg            |  3 +--
 src/assets/chain-logos/optimism-sepolia.svg   |  3 +--
 src/assets/chain-logos/optimism.svg           |  3 +--
 .../components/DepositStatusUpperCard.tsx     | 20 +++++++++++++++++++
 7 files changed, 34 insertions(+), 25 deletions(-)

diff --git a/scripts/chain-configs/optimism/assets/grayscale-logo.svg b/scripts/chain-configs/optimism/assets/grayscale-logo.svg
index f1f83d901..03feaff02 100644
--- a/scripts/chain-configs/optimism/assets/grayscale-logo.svg
+++ b/scripts/chain-configs/optimism/assets/grayscale-logo.svg
@@ -1,12 +1,5 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="32" height="32" rx="16" fill="#9DAAB3"/>
-<g clip-path="url(#clip0_5961_127052)">
-<path d="M10.0353 20.8002C8.96705 20.8002 8.09182 20.5513 7.4096 20.0535C6.73634 19.5469 6.39972 18.8269 6.39972 17.8935C6.39972 17.698 6.42216 17.458 6.46704 17.1735C6.58374 16.5335 6.74981 15.7646 6.96525 14.8669C7.57567 12.4224 9.15107 11.2002 11.6915 11.2002C12.3827 11.2002 13.0021 11.3158 13.5497 11.5469C14.0972 11.7691 14.5281 12.1069 14.8423 12.5602C15.1565 13.0046 15.3136 13.538 15.3136 14.1602C15.3136 14.3469 15.2911 14.5824 15.2463 14.8669C15.1116 15.658 14.95 16.4269 14.7615 17.1735C14.4473 18.3913 13.9042 19.3024 13.1322 19.9069C12.3602 20.5024 11.3279 20.8002 10.0353 20.8002ZM10.2238 18.8802C10.7265 18.8802 11.1529 18.7335 11.503 18.4402C11.862 18.1469 12.1179 17.698 12.2705 17.0935C12.477 16.258 12.634 15.5291 12.7418 14.9069C12.7777 14.7202 12.7956 14.5291 12.7956 14.3335C12.7956 13.5246 12.3692 13.1202 11.5164 13.1202C11.0137 13.1202 10.5829 13.2669 10.2238 13.5602C9.8737 13.8535 9.62235 14.3024 9.46975 14.9069C9.30816 15.5024 9.14659 16.2313 8.985 17.0935C8.9491 17.2713 8.93114 17.458 8.93114 17.6535C8.93114 18.4713 9.36202 18.8802 10.2238 18.8802Z" fill="#2D2E33"/>
-<path d="M16.6798 20.6671C16.5811 20.6671 16.5048 20.636 16.4509 20.5737C16.4061 20.5026 16.3926 20.4226 16.4105 20.3337L18.2687 11.6671C18.2866 11.5693 18.336 11.4893 18.4168 11.4271C18.4976 11.3649 18.5829 11.3337 18.6727 11.3337H22.2543C23.2508 11.3337 24.0497 11.5382 24.6511 11.9471C25.2615 12.356 25.5668 12.9471 25.5668 13.7204C25.5668 13.9426 25.5398 14.1737 25.486 14.4137C25.2615 15.436 24.8082 16.1915 24.126 16.6804C23.4527 17.1693 22.5281 17.4137 21.3522 17.4137H19.5344L18.915 20.3337C18.8971 20.4315 18.8477 20.5115 18.7669 20.5737C18.6861 20.636 18.6009 20.6671 18.511 20.6671H16.6798ZM21.4464 15.5737C21.8235 15.5737 22.1511 15.4715 22.4294 15.2671C22.7167 15.0626 22.9052 14.7693 22.9949 14.3871C23.0218 14.236 23.0353 14.1026 23.0353 13.9871C23.0353 13.7293 22.959 13.5337 22.8064 13.4004C22.6538 13.2582 22.3935 13.1871 22.0255 13.1871H20.4096L19.898 15.5737H21.4464Z" fill="#2D2E33"/>
-</g>
-<defs>
-<clipPath id="clip0_5961_127052">
-<rect width="19.2" height="9.6" fill="white" transform="translate(6.39972 11.2002)"/>
-</clipPath>
-</defs>
-</svg>
+<svg id="requires-fill" width="137" height="137" viewBox="0 0 137 137" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M136.4 68.3C136.4 30.6 105.8 0.1 68.2 0C30.5 0 0 30.6 0 68.3C0 106 30.6 136.5 68.2 136.6C105.9 136.6 136.4 106 136.4 68.3ZM68.1 102.4V133.7C40.6 133.7 18.3 111.4 18.3 83.9C18.3 56.4 40.6 34.1 68.1 34.1V2.8C95.6 2.8 117.9 25.1 117.9 52.6C117.9 80.1 95.6 102.4 68.1 102.4Z"/>
+    <path d="M68.3 44.8H67.9C62.7 55.2 55 62.9 44.6 68.1V68.5C55 73.7 62.7 81.4 67.9 91.8H68.3C73.5 81.4 81.2 73.7 91.6 68.5V68.1C81.2 62.9 73.5 55.2 68.3 44.8Z"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/scripts/chain-configs/optimism/assets/logo.svg b/scripts/chain-configs/optimism/assets/logo.svg
index 2e5ce3103..126dbea86 100644
--- a/scripts/chain-configs/optimism/assets/logo.svg
+++ b/scripts/chain-configs/optimism/assets/logo.svg
@@ -1,5 +1,5 @@
-<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="250" cy="250" r="250" fill="#FF0420"/>
-<path d="M177.133 316.446C162.247 316.446 150.051 312.943 140.544 305.938C131.162 298.808 126.471 288.676 126.471 275.541C126.471 272.789 126.784 269.411 127.409 265.408C129.036 256.402 131.35 245.581 134.352 232.947C142.858 198.547 164.812 181.347 200.213 181.347C209.845 181.347 218.476 182.973 226.107 186.225C233.738 189.352 239.742 194.106 244.12 200.486C248.498 206.74 250.688 214.246 250.688 223.002C250.688 225.629 250.375 228.944 249.749 232.947C247.873 244.08 245.621 254.901 242.994 265.408C238.616 282.546 231.048 295.368 220.29 303.874C209.532 312.255 195.147 316.446 177.133 316.446ZM179.76 289.426C186.766 289.426 192.707 287.362 197.586 283.234C202.59 279.106 206.155 272.789 208.281 264.283C211.158 252.524 213.348 242.266 214.849 233.51C215.349 230.883 215.599 228.194 215.599 225.441C215.599 214.058 209.657 208.366 197.774 208.366C190.768 208.366 184.764 210.43 179.76 214.558C174.882 218.687 171.379 225.004 169.253 233.51C167.001 241.891 164.749 252.149 162.498 264.283C161.997 266.784 161.747 269.411 161.747 272.163C161.747 283.672 167.752 289.426 179.76 289.426Z" fill="white"/>
-<path d="M259.303 314.57C257.927 314.57 256.863 314.132 256.113 313.256C255.487 312.255 255.3 311.13 255.55 309.879L281.444 187.914C281.694 186.538 282.382 185.412 283.508 184.536C284.634 183.661 285.822 183.223 287.073 183.223H336.985C350.87 183.223 362.003 186.1 370.384 191.854C378.891 197.609 383.144 205.927 383.144 216.81C383.144 219.937 382.769 223.19 382.018 226.567C378.891 240.953 372.574 251.586 363.067 258.466C353.685 265.346 340.8 268.786 324.413 268.786H299.082L290.451 309.879C290.2 311.255 289.512 312.38 288.387 313.256C287.261 314.132 286.072 314.57 284.822 314.57H259.303ZM325.727 242.892C330.98 242.892 335.546 241.453 339.424 238.576C343.427 235.699 346.054 231.571 347.305 226.192C347.68 224.065 347.868 222.189 347.868 220.563C347.868 216.935 346.805 214.183 344.678 212.307C342.551 210.305 338.924 209.305 333.795 209.305H311.278L304.148 242.892H325.727Z" fill="white"/>
-</svg>
+<svg width="137" height="138" viewBox="0 0 137 138" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M136.5 69.2C136.5 31.5 105.9 0.999994 68.3 0.899994C30.6 0.899994 0.100006 31.5 0.100006 69.2C0.100006 106.9 30.7 137.4 68.3 137.5C106 137.5 136.5 106.9 136.5 69.2ZM68.2 103.3V134.6C40.7 134.6 18.4 112.3 18.4 84.8C18.4 57.3 40.7 35 68.2 35V3.69999C95.7 3.69999 118 26 118 53.5C118 81 95.7 103.3 68.2 103.3Z" fill="#FF0420"/>
+    <path d="M68.4 45.7H68C62.8 56.1 55.1 63.8 44.7 69V69.4C55.1 74.6 62.8 82.3 68 92.7H68.4C73.6 82.3 81.3 74.6 91.7 69.4V69C81.3 63.8 73.6 56.1 68.4 45.7Z" fill="#FF0420"/>
+    </svg>
+    
\ No newline at end of file
diff --git a/src/assets/chain-logos/optimism-grayscale.svg b/src/assets/chain-logos/optimism-grayscale.svg
index d47ef7be1..03feaff02 100644
--- a/src/assets/chain-logos/optimism-grayscale.svg
+++ b/src/assets/chain-logos/optimism-grayscale.svg
@@ -1,5 +1,4 @@
-
-<svg width="137" height="137" viewBox="0 0 137 137" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg id="requires-fill" width="137" height="137" viewBox="0 0 137 137" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M136.4 68.3C136.4 30.6 105.8 0.1 68.2 0C30.5 0 0 30.6 0 68.3C0 106 30.6 136.5 68.2 136.6C105.9 136.6 136.4 106 136.4 68.3ZM68.1 102.4V133.7C40.6 133.7 18.3 111.4 18.3 83.9C18.3 56.4 40.6 34.1 68.1 34.1V2.8C95.6 2.8 117.9 25.1 117.9 52.6C117.9 80.1 95.6 102.4 68.1 102.4Z"/>
     <path d="M68.3 44.8H67.9C62.7 55.2 55 62.9 44.6 68.1V68.5C55 73.7 62.7 81.4 67.9 91.8H68.3C73.5 81.4 81.2 73.7 91.6 68.5V68.1C81.2 62.9 73.5 55.2 68.3 44.8Z"/>
     </svg>
diff --git a/src/assets/chain-logos/optimism-sepolia-grayscale.svg b/src/assets/chain-logos/optimism-sepolia-grayscale.svg
index d47ef7be1..03feaff02 100644
--- a/src/assets/chain-logos/optimism-sepolia-grayscale.svg
+++ b/src/assets/chain-logos/optimism-sepolia-grayscale.svg
@@ -1,5 +1,4 @@
-
-<svg width="137" height="137" viewBox="0 0 137 137" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg id="requires-fill" width="137" height="137" viewBox="0 0 137 137" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M136.4 68.3C136.4 30.6 105.8 0.1 68.2 0C30.5 0 0 30.6 0 68.3C0 106 30.6 136.5 68.2 136.6C105.9 136.6 136.4 106 136.4 68.3ZM68.1 102.4V133.7C40.6 133.7 18.3 111.4 18.3 83.9C18.3 56.4 40.6 34.1 68.1 34.1V2.8C95.6 2.8 117.9 25.1 117.9 52.6C117.9 80.1 95.6 102.4 68.1 102.4Z"/>
     <path d="M68.3 44.8H67.9C62.7 55.2 55 62.9 44.6 68.1V68.5C55 73.7 62.7 81.4 67.9 91.8H68.3C73.5 81.4 81.2 73.7 91.6 68.5V68.1C81.2 62.9 73.5 55.2 68.3 44.8Z"/>
     </svg>
diff --git a/src/assets/chain-logos/optimism-sepolia.svg b/src/assets/chain-logos/optimism-sepolia.svg
index ca5b8bf16..126dbea86 100644
--- a/src/assets/chain-logos/optimism-sepolia.svg
+++ b/src/assets/chain-logos/optimism-sepolia.svg
@@ -1,6 +1,5 @@
-
 <svg width="137" height="138" viewBox="0 0 137 138" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M136.5 69.2C136.5 31.5 105.9 1 68.3 0.900002C30.6 0.900002 0.0999985 31.5 0.0999985 69.2C0.0999985 106.9 30.7 137.4 68.3 137.5C106 137.5 136.5 106.9 136.5 69.2ZM68.2 103.3V134.6C40.7 134.6 18.4 112.3 18.4 84.8C18.4 57.3 40.7 35 68.2 35V3.7C95.7 3.7 118 26 118 53.5C118 81 95.7 103.3 68.2 103.3Z" fill="#FF0420"/>
+    <path d="M136.5 69.2C136.5 31.5 105.9 0.999994 68.3 0.899994C30.6 0.899994 0.100006 31.5 0.100006 69.2C0.100006 106.9 30.7 137.4 68.3 137.5C106 137.5 136.5 106.9 136.5 69.2ZM68.2 103.3V134.6C40.7 134.6 18.4 112.3 18.4 84.8C18.4 57.3 40.7 35 68.2 35V3.69999C95.7 3.69999 118 26 118 53.5C118 81 95.7 103.3 68.2 103.3Z" fill="#FF0420"/>
     <path d="M68.4 45.7H68C62.8 56.1 55.1 63.8 44.7 69V69.4C55.1 74.6 62.8 82.3 68 92.7H68.4C73.6 82.3 81.3 74.6 91.7 69.4V69C81.3 63.8 73.6 56.1 68.4 45.7Z" fill="#FF0420"/>
     </svg>
     
\ No newline at end of file
diff --git a/src/assets/chain-logos/optimism.svg b/src/assets/chain-logos/optimism.svg
index ca5b8bf16..126dbea86 100644
--- a/src/assets/chain-logos/optimism.svg
+++ b/src/assets/chain-logos/optimism.svg
@@ -1,6 +1,5 @@
-
 <svg width="137" height="138" viewBox="0 0 137 138" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M136.5 69.2C136.5 31.5 105.9 1 68.3 0.900002C30.6 0.900002 0.0999985 31.5 0.0999985 69.2C0.0999985 106.9 30.7 137.4 68.3 137.5C106 137.5 136.5 106.9 136.5 69.2ZM68.2 103.3V134.6C40.7 134.6 18.4 112.3 18.4 84.8C18.4 57.3 40.7 35 68.2 35V3.7C95.7 3.7 118 26 118 53.5C118 81 95.7 103.3 68.2 103.3Z" fill="#FF0420"/>
+    <path d="M136.5 69.2C136.5 31.5 105.9 0.999994 68.3 0.899994C30.6 0.899994 0.100006 31.5 0.100006 69.2C0.100006 106.9 30.7 137.4 68.3 137.5C106 137.5 136.5 106.9 136.5 69.2ZM68.2 103.3V134.6C40.7 134.6 18.4 112.3 18.4 84.8C18.4 57.3 40.7 35 68.2 35V3.69999C95.7 3.69999 118 26 118 53.5C118 81 95.7 103.3 68.2 103.3Z" fill="#FF0420"/>
     <path d="M68.4 45.7H68C62.8 56.1 55.1 63.8 44.7 69V69.4C55.1 74.6 62.8 82.3 68 92.7H68.4C73.6 82.3 81.3 74.6 91.7 69.4V69C81.3 63.8 73.6 56.1 68.4 45.7Z" fill="#FF0420"/>
     </svg>
     
\ No newline at end of file
diff --git a/src/views/DepositStatus/components/DepositStatusUpperCard.tsx b/src/views/DepositStatus/components/DepositStatusUpperCard.tsx
index 9f323deb6..418530448 100644
--- 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};
+    }
   }
 `;