update: optimism chain logo (#455)

* update chain logos

* flag checks

* remove

Author: lochie

packages/connectkit/src/assets/chains.tsx

@@ -152,6 +152,15 @@ export const Optimism = ({ testnet, ...props }: Logo) => (
       d="M22.8188 27.6815C22.6977 27.6815 22.6041 27.6429 22.5381 27.5659C22.483 27.4778 22.4665 27.3788 22.4885 27.2687L24.7672 16.5358C24.7892 16.4147 24.8498 16.3156 24.9489 16.2385C25.0479 16.1615 25.1525 16.1229 25.2626 16.1229H29.6548C30.8767 16.1229 31.8564 16.3761 32.5939 16.8825C33.3426 17.3889 33.7168 18.1209 33.7168 19.0786C33.7168 19.3538 33.6838 19.64 33.6177 19.9372C33.3426 21.2032 32.7867 22.1389 31.95 22.7443C31.1244 23.3498 29.9905 23.6525 28.5485 23.6525H26.3194L25.5598 27.2687C25.5377 27.3898 25.4772 27.4888 25.3782 27.5659C25.2791 27.6429 25.1745 27.6815 25.0645 27.6815H22.8188ZM28.6641 21.3738C29.1264 21.3738 29.5282 21.2472 29.8695 20.994C30.2217 20.7408 30.4529 20.3776 30.563 19.9042C30.596 19.717 30.6125 19.552 30.6125 19.4089C30.6125 19.0896 30.519 18.8474 30.3318 18.6823C30.1446 18.5062 29.8255 18.4182 29.3741 18.4182H27.3926L26.7652 21.3738H28.6641Z"
       fill="white"
     />
+    <rect x="5.5" y="5.5" width="33" height="33" rx="16.5" fill="white" />
+    <path
+      d="M38.5 22C38.5 12.8924 31.0968 5.52416 22 5.5C12.879 5.5 5.5 12.8924 5.5 22C5.5 31.1076 12.9032 38.4758 22 38.5C31.121 38.5 38.5 31.1076 38.5 22ZM21.9758 30.2379V37.7994C15.3226 37.7994 9.92742 32.4122 9.92742 25.7687C9.92742 19.1252 15.3226 13.7379 21.9758 13.7379V6.17643C28.629 6.17643 34.0242 11.5637 34.0242 18.2072C34.0242 24.8507 28.629 30.2379 21.9758 30.2379Z"
+      fill="#FF0420"
+    />
+    <path
+      d="M22.0239 16.3223H21.9271C20.6691 18.8347 18.8062 20.6949 16.29 21.9511V22.0477C18.8062 23.304 20.6691 25.1641 21.9271 27.6766H22.0239C23.282 25.1641 25.1449 23.304 27.661 22.0477V21.9511C25.1449 20.6949 23.282 18.8347 22.0239 16.3223Z"
+      fill="#FF0420"
+    />
   </svg>
 );
 

packages/connectkit/src/assets/logos.tsx

@@ -1,4 +1,4 @@
-import { isFamily, isRainbow, isZerion } from '../utils/wallets';
+import { isArgent, isPhantom, isSafe } from '../utils/wallets';
 
 export const Mock = ({ ...props }) => (
   <svg
@@ -1280,11 +1280,13 @@ export const OtherWallets = ({ ...props }) => {
         <div style={cell}>
           <WalletConnect background />
         </div>
-        <div style={cell}>{!isZerion() ? <Zerion /> : <Phantom />}</div>
+        <div style={cell}>{!isArgent() ? <Argent /> : <Rabby />}</div>
       </div>
       <div style={row}>
-        <div style={cell}>{!isFamily() ? <Family /> : <ImToken />}</div>
-        <div style={cell}>{!isRainbow() ? <Rainbow /> : <Trust />}</div>
+        <div style={cell}>
+          {!isPhantom() ? <Phantom background /> : <ImToken />}
+        </div>
+        <div style={cell}>{!isSafe() ? <Safe /> : <Trust />}</div>
       </div>
     </div>
   );

packages/connectkit/src/utils/wallets.ts

@@ -25,6 +25,7 @@ export const isFrame = () => isWalletInstalled('Frame');
 export const isPhantom = () => isWalletInstalled('Phantom');
 export const isInfinityWallet = () => isWalletInstalled('InfinityWallet');
 export const isRabby = () => isWalletInstalled('Rabby');
+export const isArgent = () => isWalletInstalled('Argent');
 export const isFrontier = () => isWalletInstalled('Frontier');
 export const isTrust = () => {
   if (typeof window === 'undefined') return false;
@@ -39,3 +40,4 @@ export const isTalisman = () => isWalletInstalled('Talisman');
 export const isFordefi = () => isWalletInstalled('Fordefi');
 export const isRainbow = () => isWalletInstalled('Rainbow');
 export const isZerion = () => isWalletInstalled('Zerion');
+export const isSafe = () => isWalletInstalled('Safe');