From 96a5bd67d8bbe2abde9385bd9f79fe20488b6de0 Mon Sep 17 00:00:00 2001 From: Ruben Date: Fri, 24 Mar 2023 15:14:08 -0400 Subject: [PATCH] add network icons Signed-off-by: Ruben --- public/images/astar.png | Bin 0 -> 1978 bytes public/images/ethereum.png | Bin 0 -> 755 bytes public/images/kusama.png | Bin 0 -> 411 bytes public/images/moonbeam.png | Bin 0 -> 557 bytes public/images/moonriver.png | Bin 0 -> 894 bytes public/images/polkadot.png | Bin 0 -> 583 bytes public/images/rococo.png | Bin 0 -> 1909 bytes public/images/shiden.png | Bin 0 -> 1647 bytes src/constants/chains.ts | 232 ++++++++++-------- .../balance/components/ChainSelector.tsx | 64 +++-- 10 files changed, 171 insertions(+), 125 deletions(-) create mode 100644 public/images/astar.png create mode 100644 public/images/ethereum.png create mode 100644 public/images/kusama.png create mode 100644 public/images/moonbeam.png create mode 100644 public/images/moonriver.png create mode 100644 public/images/polkadot.png create mode 100644 public/images/rococo.png create mode 100644 public/images/shiden.png diff --git a/public/images/astar.png b/public/images/astar.png new file mode 100644 index 0000000000000000000000000000000000000000..c454605bac301b4d0462e175bf7e7f8c54bf0a36 GIT binary patch literal 1978 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 SWv>F$0)wZkpUXO@geCx{FMb{X literal 0 HcmV?d00001 diff --git a/public/images/kusama.png b/public/images/kusama.png new file mode 100644 index 0000000000000000000000000000000000000000..779ff91dff77c5a5f4a35e91a21d5490ee022c30 GIT binary patch literal 411 zcmV;M0c8G(P)ld3kwtb#-1|UQtm|N=iySJv}osGbbk}85tQ13k&k{^6Ba6 zb7W*>U0q!xBO}H0fA;_Y0L)25K~y-)?b6u}f~(h<61hzAR`74wtk7b1&A^&*mkqDsUVM`<8)&WPsn45U98h6%BhbW z9j=EI<&5BN&~I-<#29rDJ2#jdtUUkCG`)qhy*Tfz+wYg1!m_2RI|$RP)oG8=aVN^6 zbMf1p;pZVDcBkZJn|z$)K3TpmEM%fj)k#N}Y3-k1$O9CM2i+9Oh714z002ovPDHLk FV1g*%!!iH> literal 0 HcmV?d00001 diff --git a/public/images/moonbeam.png b/public/images/moonbeam.png new file mode 100644 index 0000000000000000000000000000000000000000..3103811c8b4af6962d41307799edbded47d3b914 GIT binary patch literal 557 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*Fy#r2#%6u0Z;sNcCgEDjYL=MPzO2ITNAt69K}8!+_PnBWnK{P!}+r+v%T3P zFQ@~2R4G))EIQV3261baCp#O5$|BH_*3>-5Q#Xo#s@iX0Y z_lFBnVwKaL9^HR4{FhX*-1K})AI*Eo_inAZCVaQ=`;x^^Ri8E;7AjEJ>oRs&`@ANh zoY6;&|1j^qUtQjQ4W3UwH2CX0XMW0_uy4NVrP?O9{16dF#;u-j?G^t#E>L0N(rV~? zDEQnpM75#ADeU&5#hl3+7hL{N*2#MkSLkUv`K@@+Ne$z=NVj+vrpX#^5^dK+n@_yj zZTG#+&Fp5D`DUw|+04)H@oLU^Dzopr0NF13XaE2J literal 0 HcmV?d00001 diff --git a/public/images/moonriver.png b/public/images/moonriver.png new file mode 100644 index 0000000000000000000000000000000000000000..fcad29250b221f61445e394b0109e2f1ac4a0105 GIT binary patch literal 894 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*HX>FiHjZgt!8^;&RRqBqr-DB?V#w z8RBwIAX3&zO2!E!0ucm>JB!IXOUO7$N%;cV!XQ}}pa_tZkOQfNpikRbgHNB(@Xxev zpJJ5PAR+JUwPCY_qN~%a#gZx>jx!c2soKBU%pP#$ux;-Q{j@4I&lCl#2nF*n89jgR zt=nCftg>wAQ*lX<*7C8RG*>euSIIV7O3h14+t$XyBFxJ$HAJ^MMQuu{!s$5zmlp8( z?A+zCdc8$;w@Gn}oKdi>VUUrbjfo`AEu8jePj!a3AUogYZ8E+m7 zzunp%u}M2#_7N%TRq~A^L2)(*{<_-Q|z|j2e>Eak-aeD5Q^yo(p0u90j5&}y& zrtS80nkEqB@Y0oW7q%EWf>JPwZLI z(?LqoyR!w7eD4Zmd3m)-6nQ<|o5RMkWOJcDE9VlWTi2{qHtiD?nps{^{QrsF`nofm z3h!Af=SGKDre}7bmwbYld-BV1K)m~DPSv(_9sqVmpZTfw%S0yA}))`z&vD$l3c&*Bf)#qmdMD}XTJOU z{pg=(&*xA0!JE$=G}W!fqA72=@s_#P)B9&kH`<~bwtM00dGEHiU5{wE&o|e+)9>|{ zH;XOjvO3o8{a3oP$n^V@YcnrOraf9|FE#VRJO&==y_|~eEZ>eV4@p^>9zJbh^x0je z8{RZt|EzEK_3OVWOV=?KT{A1$9ch2zyYBBxUuLiU%*Xi6(9%Ilt?PNRgyVtf-U&}N zxsDv1Q8BlZf3Mkwrs=GYR%E|yyUEclD#N8#wpZ^!_l^HDQe2)#<&Rx;oNw~lfx(rj zqpR7Q(`A8@>$<}H{i-779}5eWF7`fTRmfzWudUvc$ei3CZ=<0!Ln865#Yj*Z1kzt0Cc>-5#cZ?xyDiu@90 zWME))_jGX#u{gbU>dUfb1%X!f!o#Y8i`|5$&oFs;==c73(S=1JT+g@M*Pr&fAWcSZ z1Jixu{viF|2R=w&JG@-xf8xs0s}sHMXfOS6c5-X`=AavQQXZ~t)h(PUz`e#%jO{U# z=Lzp?u9AyhL@;g>pWC}|SI_ClEicx++wyo@@{=Rq1eTuIJXvDF%1uGtQ6syqdxP@afdL z*sp90wu-bzdhrVx-kfzs!N)7V`j}f*&e?ji>W?)GHd@Vo{#bgAXoSJ3{x2-Rm|*a9 L^>bP0l+XkKrmzLW literal 0 HcmV?d00001 diff --git a/public/images/rococo.png b/public/images/rococo.png new file mode 100644 index 0000000000000000000000000000000000000000..65952212e5a33da2b3884c35bd46b5796a98c31f GIT binary patch literal 1909 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 Yy3;poo= { data-testid="chain-button" className="flex gap-2 items-center rounded-full bg-black bg-opacity-20 px-4 py-2 text-sm font-medium text-white hover:bg-opacity-30 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75" > +

{selectedChain?.name}

@@ -106,9 +112,8 @@ export const ChainSelector = () => {
{Object.keys(chains).map((spec) => (
- {chains[ - spec as "mainnets" | "testnets" | "custom" - ].length > 0 && ( + {chains[spec as "mainnets" | "testnets" | "custom"].length > + 0 && (

{t(`chain_selector.${spec}`)} @@ -116,30 +121,37 @@ export const ChainSelector = () => {

)} - {chains[ - spec as "mainnets" | "testnets" | "custom" - ].map((chain, index) => ( - - {({ close }) => ( -
{ - selecteNetwork(chain, close); - }} - > -
-
-

{chain.name}

- {chain.name === selectedChain?.name && ( -

- {t("chain_selector.connected")} -

- )} + {chains[spec as "mainnets" | "testnets" | "custom"].map( + (chain, index) => ( + + {({ close }) => ( +
{ + selecteNetwork(chain, close); + }} + > + {chain.name} + {/*
*/} +
+

{chain.name}

+ {chain.name === selectedChain?.name && ( +

+ {t("chain_selector.connected")} +

+ )} +
-
- )} - - ))} + )} + + ) + )}
))}