From 557370042a667e001d8c30125d6134826e685d7c Mon Sep 17 00:00:00 2001 From: apoorvlathey Date: Sun, 10 Mar 2024 04:41:36 +0530 Subject: [PATCH] feat: improve dark color scheme --- public/logo-no-bg.png | Bin 0 -> 13387 bytes .../Body/AddressInput/AddressBook/index.tsx | 1 + src/components/Body/AddressInput/index.tsx | 4 +- .../IFrameConnectTab/SupportedDapps/index.tsx | 1 + .../Body/IFrameConnectTab/index.tsx | 4 +- src/components/Body/NetworkInput.tsx | 10 +++ src/components/Body/NotificationBar.tsx | 57 +++++++++--------- src/components/Body/TabsSelect.tsx | 2 +- src/components/Body/TenderlySettings.tsx | 8 ++- src/components/Body/TransactionRequests.tsx | 12 +++- .../Body/WalletConnectTab/URIInput.tsx | 4 +- .../Body/WalletConnectTab/index.tsx | 3 - src/components/Body/index.tsx | 3 - src/components/Footer.tsx | 14 +++-- src/components/Navbar.tsx | 7 +-- src/theme.ts | 19 +++++- 16 files changed, 91 insertions(+), 58 deletions(-) create mode 100644 public/logo-no-bg.png diff --git a/public/logo-no-bg.png b/public/logo-no-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..0be2f571192b01b2209a6d863c051b83057f416d GIT binary patch literal 13387 zcmcI~1z3}R*YHpYDH-Ji12&NugAt<p9DgZ5Sve2@w&iSKf;Z9DlCkq}6T;ei*y4l&+&lqn z5J*lTz!Pidg2Qv!;vAjb<)Ir5El@6JdwHlaN*k%|sf=@SRtxgR=?7gmunTgrleUK{ zT;-ArkO2s|;qX|l05?~6ADIAo=x@3*!1Xa$7|Qh<1@9scRXk?MWumRarR?F2<3b5Z zAnZiMQCyPJLLw4k;?mNBT%t%3DPg3Pu!tB!L_$U!DI+S%_2&l)aPzizkkLb9{^SMR z$wQs+cuyH&VSj&rA%8I;4{t|d5ou{@VWg?fRR! zy`3=573YR?$NK=dB7ft0I(gtde4IS~3F*Hd|0f23X|=Wg=J8+3;^y`@3m?3SAE3sc z2Kg_seGCFUal(2y9}iz|JDiFiASUcDZG7;0xc{){zcCy@|2^1KM%f#O#d~-gczC$} zv(%OIJ*K5eDqY6xYSjYB}AkpBoLxP zBEQAe)|OFs_rYV`?QrU7c_^T(kh8PBjJ=&C(pE&m4&fjrZHqvOh~p4gELIv}D=unp zYm2oN5k;c@8jtp{^F0osK;u8e6S1{-0LDlnq;Oa)LQ+&5iLiCBw?&AF zIoRVwaZ+~nIO)Hr-SBn>5*q9Jk5rGPvIi)N*`dV6>}*j8oSi5NAtoU%ijYEzN&vU^ zc37+wN?cOH_Bd^RN1}|Hvk&0rz&{gFALsSwm8&z?@8FZc+8rmAJk;(uAaM53Kf%ub zg+2Z)&VP>gcftWg|C=cJgS(H11KuC&jZ<_4Z1?X3qVPYJ-^1Mx=lu^Fcw)V=Ksm#C z`^ZBbygl5w{tg;0yayN7)6>=24tuP-u%EmApC#jOZ$bYlA0MpWe{Ut6h`qS2h&>8{ zLP;VKVt}&{Qqq#YJtZL}i4w(1q9p#Z^50ha&k2H*`YS>H53Tg46YQL@?v6O%eIWdQ zp^t+Y3W*aH6FV;ab_jc{xClZT1q2-c7PogmVMUQx+kc_Yee|_x!WgPqq*B?j6 z-=Xr)?PibjcK(M*_{V7bTLiA(argg*-@lBzf3I5o;edY5<_>F<}C%zssX{@q9f-f}WP_5HgZ|8G^!Klyw7-&Ww`0`gn&f0(-b1p?+n z$CrOk#DJT>r*b%VAYZ+KiP|h$PzeO$KU7C68U##yd7$8AV7_zY;~@G*iu*bwHY$nf z@-72}N$~_T6CI*M$+fYsDa|nKfu%+--p|j-&&Wuk#MO1kWU5O^4a-f_u5!v69U9hY zwcoG4e)+z_(!k78$kneOLT7iH9lRYje&jT5Pq+-IWhq7rd_2b$_4bBA3(kObV@Ag-KlmWMzTOXPk11SjU5vuP?Sh&Ch@3qrc9(TqNJbjJh)c{ zbryN#o}g8VZSnZIvoo+W$~v$ezD;ke6}m4?w2J~4d>#>h`ORbT>}7kZ{Bw^!zk*}B4rG@VZyH`FFl@Tx;uaSOUD zj>3j(vZl{wSB2GsDHX;j)x*^$YBn;YZzG|sB(J@#NomczLj&o9^sU;8EQvSt!C-O{ zv-;-t-dUdM)GgDYJ1M!VlKXpzeexKR2M{Z18$M)cHp|8sOBx?>bj3X7o_#8w`D*~7 z*%aOGsGgyx!h4$XGGGZDbzd`SGsTZhC~xh#(8LO#ftbeHrrX5DzR8HZ1@hH%#ob%2p?Sp5^7Mm z$Wvj?RKdKOvTmAYIpc_%*!DSkmT$@9;Cd->69Y(F@6>nV4Y{<}5#IQ|W@I|X;?6Dg z+3ze2G8bLDA9%?KFKb5UebnUS)#R0vG|~bFu;e)|m+nTU;wlA~Uyvr#+cjO4n_a?l zACajlyo?YDfs;owGEXyt*tec2Lv%^E6i5TZX?RVti=w4;hS_*IF<)DA2QjjHe>x5R z#oGP|h+gf7iBwHIW4o)s$b``L@bul&=jJrW?%M&v!7kLSy=LPF*>^V1!7Z)SiQg6sV_D+z6cY0XSZTXy$fyz{)dFr}&}F0-Bp2E3QgdUdk2_@zY`L1zkszhTg;m~)WY z04?M#{R|}Oml!OxpHXp2P%R4=W{2imUwjOzd@fKjkOSa1-Z7!Dbu=E5@!^0ed94VE z&eK#5~^MZ+Cf32!MO_DI|yG_3sQHz%~1&-OU^E&B+^jYT4k@DQS1v4 z@>d1Jp#Z=}i9ua5R#QjWeNxUQ4@eE3Qn-wpa+4{OF?wWz;PgemnH{0ZsADXoKEcKQ z6sok~r{7A*?=QDS16lK{=MI}KcqFr?4s#x+^oU)cyr)`@qFAiAkjM$#SO3^U)1P>I z!<-F8paamGU-N^c)(N8SL>e}-uk9HS2FP2{ojb+pCtC?Xtd@f1q1&K?-jhVWZmUd) zF6HRcHqYd`lb%uL5I|f5qL~9aBUToqx{L6COh^=l=X0%EmL?KwJ7kr;1nUe5|(lyffH7N;4Jw15%-zGj~#cNfU!*Z^g9 zpVCP_9S{%^z`|AiSbnN-3Mm>p6(~!~euC`!m|nJ7xjepuJt8?!W6DM)>Y1T6S%(6I zS&Hq;Gch|FS$~xK;bI=Rg2@=v^%y&TYK{gIWdf#1bpWaa6W~QVv;`d_@?r~OIvNbT zTVW?!2}~H)=RqlCW_{3=Me@`|I9oHA18i+3b+}*!)&yWpBsZ_e1U7J19nnX5NY?gr zYez^LUUl8UZVpiP%G(%{WCwFZ?4ID*MLJkJ;ce7JO2Zl*=*p)^67{iq$Lu?K&B3Tx zUZ9AEw0xGVJY^#=QD{N|6!mjD8M_oo=bCRJzfl5ZG)qT$oeK`KS1x?|vw!r6K;L%p z4-un~(BCG(TF2CCuYtOWru9Y&9cO_`%oi>%1+stntdD=&2?-T16jJ}Gbc`^YV$>JG zd~8PEGP|;ZOC1am7N2dDypDCN3|4;LK^rmk89WT6(LuuJ)0I>o&@X;FL$Xk%Ue*Lu z8g;{X_7xCBsZZEZhZhH5P^I~2#9Hf6994--_kU3NlJ!~k4!A&nG!^d^r|vg1v&+8F zueBv;SbIY-Qmx+pQ-I}q(oR)Egee0StyYxBY4*VO_H}00P#gn&g_O$q4XSKzmot(zEQ%Ga_TI37$?({FU$Q5m&f=fJ>8C%Ix)VHz*(o#*U z?huzV&K(f%9l1w=M_;I6wTIcx$yFZgI4cynDLD2WiCyChc_u!UQZaWJw*1tvw+g<0 zr{wIlxigq3EqU#5&ea(vm<-}al1YE4`H=J+S86Mp`p*2eSOZ4|fh&1SE)po`Q#XKA zf|Wc+)vpq*wVcuBc1LSyz22inq2-d$n5C4XE7z4`)+QmLZY9-liS-G)^-+5)+IWq} zRmI>f7L5|iwh}VE(|{Mu%8;miVK zK6#?2!7aSzG0k^V&g6kBQ}PlD!Y)t4gDntq7ci{fOC4Y9xmx*OKEy@J-7u5ZPRy;C zl34S1HvP%?;j&c^8^u)0_(sN}{zk7#% z@fRBsoBPN}Jh1%xfksKP=(Op*UrV(eAI!cPk-K@+6QajQcE1X%CJ;~hC1dc+!f#w9 zU5|uK<+y}w(b1&oEQ$IoiPIU{v5#d>iX&zb2}T|Dgc|L}v{VT}8u_#>mu|<%fIY`< z|DPjW2ahWPhU^OTTP;G^TYUlrofU^D<0)oRL(Ljq$DM}t*nKV9xxqm}^*){+ew9<&B=nK6#i5Mj>HDKKRM3O7+^C9#`pl z$lY9;eym-6_gswPA6?}Jl{nP8>6mXVt|%1UzLKeBLZjduOV) zPO0+(ypTnkY{%k*S+{6Ycq|EK*d4pYIVi>7{Ej9|`;hGGfWmD(ET*NF+ECrT(3I|i z-5T5;JE(6rvo=rMJC7=;sR*fYi|FXdriCQ`x+(+f&RhO$YV*^4Xo+L_+Ir4)_>UU- zxYDnfFxdBuJ29Qv3<d7A-da%F*S6>%sUdluD39xj>}<>zPbHxK%_F^`!+`$pasY;rulD#i;LAU$*o=xep#S zWN^$ZbH;2c4@qiT{%m;50nwHA(Ag)xD*4Lh_r=b+0i!{Br^9YseE!mn*uGCb0z0&6 z0$(TQuxDWc*EhGXRKMKq#ffdDSiFkWW)M2GO^dn`inSQ|kUr~@vY6>m|FxUwL<#E& z_nD;b*e5nvNDGgh-Y>A&vH7( zuO-)(^eN8qMr36BDGU5NO_KHLWN&z`B*)a{);PX9=Y85a4NKN0CcnVyF_nk}YpVV* zecwLEcSeJEUD>8>ds4e7&2NzfK6JH;u=A7`H(N3*Exc{cMop?}^jd3P%O@L6mOtWt z;qZ&IEDvd_lg~3#nN#lG?fYoKRVQa{@|4N*v$0r*PFnu+KkkI6x_GNlX-|enNYy_G zs(eN0dfT{=$?bknk-s!g%hk9jUWcugFGN;+(|4!<=T&$l_#S0WY|s9Bt&?~${2dL9 zLpi>*Kibz*G}fYISH9l;Op&vS!D_-J)N!Ba__OsW2g_%a>ywUQSd13hQXhGKr@Hrj z3FW1Q?d<*+9Q)*iy9~k4&2x07BN!^MpTfOpD<%)>g_jS{4Qw@$gz4MNJZ(NfGYxe= zPp5FsKm2%VTiof6f-F#br8H0Izlb~_-HdxVgUs=#b@GtdVjHyUqRVLy)*idN7CD8B z)#NyT05?A>-GrxH)!qwXJO}lpl~lE08W|!SaB@4I$>$4!r!o$3yy2bFq8VgA$5UBfZEp5IHZ-+qrCXoRYp`_j;PGSDdKDN>jyg=yYRJ-BlSupuNHLhA?WF3|2+_C4>Ta zsJ9cNBvDvZoPQG3eFsOGlpfzksJR?!(+C3D_n$Nerc#c@!priXC_!BM&6Dw0F{Hum zcnoa>zdAe+mKZfqlZT%D&yI0uOq zab(9co1CBMKpzaQnysxx-&7LeNS+m2(U?fZw@RG^L3;ev!(Zc4ZYQn+4OqBViobGC$dP*DJ{R*>^j6Dm#Iq}cn1rd*gZ7olT-@({ z6d{9OdtTHWE_;MG32i5VxET9;(`@$x-iav31+f`O!ZgZU;J^kCWtSxAR6kF=>1x~u z8v%^CY1(ua$=us`@dPNU6{hb0CZtfBE()yOayPX*Ep#B36HAdFz&OviVEs0KrB=cV z0{gi!I`3BB3&d#LhwO@w7o~5T&tSwYf63(4Gzg77Uw$@);Ran}U+ey&JDZNzkAycw zHaum73H*8y%T_N>Vo;wblP7CpM-|YBoE5`;gUC&de)PsMOoSa_Ik1q*9U#RLuTM@^Xcrncy{u z?#Hf?ba>}hi5vhuGtZIe=h|#12hm;c60P8;xK>@qQ#y?-yhglo0~Q2drrf;1C3&&8 zdbo{%EHoo6U+Giyzbp^40s@+|ep4FFImo-WP?VRd$gdKO;Mc0WQp|r6N9e~ z$0(4&(^d1O-q-gVWVbiU=?Am4Uod{75$H}o*VDrNv{IZ1)y!WM8S0AJ5xaJa$q3(>b5yyaa{y6ea78F1s~(} z7oV&<)QH8PneojvHdplP)VyF$Ku%lHLX16TBo*#F&4aN;Q+gUl>a9SnYnatrigu@f z)iH)O`<(X6P_|&tv1~`^i(otS-m{0^jE{IzgtYg@$28Tl?a(Y?8CV+MF5r0}!v zZ@-OMTVn-K_DrX}Wx;z05|=GsFYg4Dv>CE@C=!ds_pXmy znv>zGuop%;as7GK`LI@9p&MVlQ|2M3>?F3J@mV$EfwFnJyFA9H6y-Vy8ml>;`s5$I zVg2`Z?j@!hpEbmL#n$m_-)DCl4?9tp=9gS{C#J$APVH{kQ??=R6@U9jQQ!p*(jnWV z%J<$YMo;ojua#xlycl)5yR<8;t%*IGR#9ivz7gOgd=UZozUPyL&g>gU^>u@Qb8pJ( z8seBwd~PYf0XA6dtQQ=R3U)Q!x_6Qr6s9)}df_O{ZJJQzg9=UD zaBaE5Z__Wq=HS)sGx$&lDAxk+=;;Vvf8Bvu>bL$VZQcq;@f!z6R@1vToxd~=zYe=} zW&Y*+99dfxaig$$+`XmH*2tf=Q|Hp4S%rQJLZ|kPo^!p(Un_0QLQTPCs%C@v9Z#;j ze{Pxh;r?3bZjB{G*FIRut)7u;)qBkMRjZajbmk5lSYG{!3p09O`jOrQDlqJcK2@^6 z?-XKRS^*j;VOf77Qvwt9?R?8m8>7AI&#$x7N!s=8x3!03o+&)9eB>$vdDVK74q{qV zS!-~2_5H>q#MS91-u#snlcfGcqCF-4U0h}IW*it6XU|q;AIZI)YeT)w9%M6-0dI15 z+;wOv2*R5O*m;b9Io~x|omDPij0z1$|N7M=xNLgU_0sz=O*V41f*OwVrtzDI(-)@q zi@j|!Un5oK_TM%Y2QXPaZB0^r@fkrKx9HH_RK6wsS^bPGJEQ)mC+s{kTZ!>S z0z$nxhe2I!c-^7vD!DflUg4+IKfMjVWT-aWlmhSQF4Z6x1=VB(l_{F@5sT-t%07Zx zDneu~@utr#)rw3iIp_=)_3{1TI=n`1I;fXipY0aLZiL!poymoU@obk{of^BIwU^UEb z(*qZNbumE2gjun4xmo+`+Zma|rFzKj=Dw|Ibj^1cl&|IwDGy(c4Sbc)DGY0+%(mYT zEv|YW!7t}eI#1pn$(>qU-MALEF;D|-ENt7Wyl!JRy3w#V8NS16Wd2C9=FUfLxhJ(h z(BCc@^@%>3dHrpna>T08cO~;}#%c&%qO~_qWgrzc{Mx{VdRkxZVe{4QSDtA;y++>= z^{bzI9j=peWHxGjgzV4fKHi+xHvy|$X>t4(<8^S!y)+Y(Do=Niu^^Cd#eNWMRV$t& zT+Fw!LKN(qYB@byJ-eWJYhWXiR8|wWHCBlCmiS7hw3O;8kl*PPc(lBtlRK?{s8OZ5 za095&?yrX)hO!N(eax=-S@UIw*i>)dYqVo7u-;zFyX{l!iZdEnsf-0b=-wac1z}j* zvh8g>ypTDZJc65tbV{?^CGHo7<<)-;Y;$2OzZ{6nZ`9-XNu}v6KZkcFi{xJF2HXsP z_0+MhB1Gd*RsFT)vqL#ZKbzPpBZl?p$IRVxPl}$EdH*yE6uUW&mLUh$d#_lkU%K(u zMe}T*8OPG@tnQtc5!wu92!`Molm z^~VZ4gR)FuF~))DbgE+9L14M=TYZstKQCA6)upkgcy8i=esByNq8sR;ySlw(-t`F` zl8je;XdQS>gB~YO736^ag}lJK__jF%h4VS2!idL&zzUB-6D)N&X+utiJLzsKhvv-yNd*$3t35dCP6+i1lSxc?$$+{b6~ z8|)bIy|~Z0#YynEff7SL3YLXO%~O33b?D2yEk|V`gZ9)$hw^+n=a&rDELDobvRG7T zRqk~^XnC`5`%>eaZlNMPh%bFIj{-e!&Q~5US}>Y_(X3qmMj(QY zS@{B~`Q3${B>^}z^&6c7G|@IHwQ$uA{VS~n=bJ0SOix!Hr-Ko`&!FC`Rbpe3zKVzi zUl1!mZzaL$0b%pn|(KUvf}yN(N9Q#6Wrv4kj$6P6pi|?frfrD(D}Z;<0Z(Eea@-Z)b%mN zq_MZ^6U>%+N(+xjvh0qsxS|2&b@kDEaJJk|;_YZXcYIdXoKPiGAl9qe!>eYCHCWJ4 z67J2r&n-9;-vq^f&)%Ybtd`_l7jwc1&yfwj;E^R|*Q-HuvL%RTw-Aqc_;Q3MkuuGs z(2@ss(^=>3*GMlmtswW<5Ak~Ng50Siq11sh>eMOZJ2_1R-+amW7mCV|Hw$&v9TyEO z#=`yAaNo`jLum>#6)J@f&27a}DefwX7S@o$Ga1|7yhhcBZc|}WHx5-?h_yCS0|Jk0 zf|cY4bK&AF6GR-nAx?j*(ZcaFFR?|hK1XAKDSy>>a|KcV%!co-BRlnycwo^fvjeSy z=Bc)Fl|g8+R_??#ca|I%NA%b{$DES1MfGlN2~C+vnMvhyeq%%G1y6Ge7TwyaDPmK! zvUE9rQe+8aFr2r`P<=ne4^kBEqrX*97H`z8l-iz1vdnfF+<5)&qt?s9bIh!-7$(KI zbjCi>ex-~FDQK*$GrHgOzBF5>cN=cDy$$O8YUDmkh6{WyC7agQi0IJoJ6t>3)wm7r zG+dm1juT{kNmsw#9Di!Hr};BN{b#q1Fj1c2XNTbm<&*389@|-e;Oz1#;EzhTIO}lR z|A&mrES7Ngrc$$#NE=~J;vs5(^W3KwNWXcBs?#&0n!&>kWe~=-`_!}C6flkrZFkFc zy;|9nFwuUWg@;q;SWX1^&Y#f;!v-w%q<5Auh~@XJ*SCTT|B*Od;5a6U;4_f-n-DQG`bUxEL=8H1>T#!+~(_Mw71E0-x_mxy!%|a z&4q5h<;GG02RREJW9q{T>2W6d7Go-xQK$l*;J^sidj7Gy$r&O-=%L-s`(bKw1# zznzEyYd_4Ldi;fD(eTOvzkg6pCEMav=g7+3(>r}54MaGR?{1Y!Z~6rCT&+l<&4R4l zOMAK6rGUiBC@@=PxVSQ7sKCto$8PZ=Y;QE2I#2Lxb*VCBrHVdA7AhH`uST@b%MIm6 z({t7>wAeJ+s$Ewxj(q02eH&TWUM1vweJHrzN*8(cC`32=n?c-!gOVg9j%Cwmh_c>& zbE+*GoR9qn+1^51>DigJsCv%XG?amvbL)hePf{bgQE2uTl=NAFf~)iY%Pv zc&5jTh)bpgci-e%Nc-K06!q@{R-BQ1s+;yLN1gf7`nepabYd7Z|=%j4-~6PFQ0@aW3apmpZp{gCUAB=-vwdZd=6 zvNm)3sOz`orjnzleLj1gv_iEtlVoB*}O?R=oSN z^Q$Wfaq3i zN3(y)Q-5gxlFppXt?c62HN^PFZqAddVh$=VEs4b#ctK2EAL`82USGME6fGhEQ zN!miTK+kV^hs~rG9{EpYeQ9TE96REuV5K?l&<$y#bv(w<*@X8|FTA4>I)Y+sR)%(H zl-4UmkMCs6cYPtwZ9S%&`n~BE1J8Zyj~q3)y{UynYonqph@NjmUxt*)|p{M30_TcZdg%mbh%Rv{I?KCHnwy+IoPvK{b(1RX>Pd-Mhk1cY zqc0mxPQMN>-j$>ETZqGaZj1n{JW98yM;JuXaa7?rMnken@UwOov0GEshTv#Ah^|32 zSmy$x8*U^?Hcvcm(e=E=+&9A*HX{{?E`9WA#9%XZevbvPkpR)nFUxy;s7_0j|5J_~ zxKD0}YnjxZ7X^((8hX8FgVDYr)Xcln0~@rY&ml6oFApKQNKD5x67=I^43)O8iz5^` z3$hl6LqSHsnLiXo4LUyR2KKdp|8~NA*og=wK9{@4N97!YC?hne`glhhqN}sgQ;q*f zWfZZpshq>zPB`)IHmT))5h!gTy9v*{fh@F#r-lXl_E{=Y@nVQW^?;pLYyYySG)?E$5;mU3hiJX`qN^Sy!5XBqe3RSt|V1fMV6JJC|aSjq55KjGlf9mj}2+6BMq z0X;qcYkT2eje|^owjj2npp22<-++~XPKG~P7g_t`(hS9Z_agpA)+vBHUKCIwfZ{Yl zo8{y>qEu*-vw#Lgpp)?*$-lobFWY(Cz*q@AZgWIJ)0;@DOiH77sY9H9-~WXi1x~h8 z30eBxKG_jZA+RO;@gvYXX{!Pt0H&tlMhk#pwl=@p8vzJg>8~^7hQOY^;_t@?93XX- L>u9o)&F%jI80u`Q literal 0 HcmV?d00001 diff --git a/src/components/Body/AddressInput/AddressBook/index.tsx b/src/components/Body/AddressInput/AddressBook/index.tsx index 2a4e587..ca9e3df 100644 --- a/src/components/Body/AddressInput/AddressBook/index.tsx +++ b/src/components/Body/AddressInput/AddressBook/index.tsx @@ -72,6 +72,7 @@ function AddressBook({ lg: "60rem", }} pb="6" + bg={"brand.lightBlack"} > Address Book diff --git a/src/components/Body/AddressInput/index.tsx b/src/components/Body/AddressInput/index.tsx index 3142624..ccc73d3 100644 --- a/src/components/Body/AddressInput/index.tsx +++ b/src/components/Body/AddressInput/index.tsx @@ -18,7 +18,6 @@ interface AddressInputParams { setShowAddress: (value: string) => void; setAddress: (value: string) => void; setIsAddressValid: (value: boolean) => void; - bg: string; isAddressValid: boolean; selectedTabIndex: number; isConnected: boolean; @@ -32,7 +31,6 @@ function AddressInput({ setShowAddress, setAddress, setIsAddressValid, - bg, isAddressValid, selectedTabIndex, isConnected, @@ -61,7 +59,7 @@ function AddressInput({ setAddress(_showAddress); setIsAddressValid(true); // remove inValid warning when user types again }} - bg={bg} + bg={"brand.lightBlack"} isInvalid={!isAddressValid} /> {(selectedTabIndex === 0 && isConnected) || diff --git a/src/components/Body/IFrameConnectTab/SupportedDapps/index.tsx b/src/components/Body/IFrameConnectTab/SupportedDapps/index.tsx index c8baa1d..0b26e17 100644 --- a/src/components/Body/IFrameConnectTab/SupportedDapps/index.tsx +++ b/src/components/Body/IFrameConnectTab/SupportedDapps/index.tsx @@ -95,6 +95,7 @@ function SupportedDapps({ md: "40rem", lg: "60rem", }} + bg={"brand.lightBlack"} > Select a dapp diff --git a/src/components/Body/IFrameConnectTab/index.tsx b/src/components/Body/IFrameConnectTab/index.tsx index 4719c5a..0b51627 100644 --- a/src/components/Body/IFrameConnectTab/index.tsx +++ b/src/components/Body/IFrameConnectTab/index.tsx @@ -24,7 +24,6 @@ interface IFrameConnectTabParams { inputAppUrl: string | undefined; setInputAppUrl: (value: string | undefined) => void; appUrl: string | undefined; - bg: string; isIFrameLoading: boolean; setIsIFrameLoading: (value: boolean) => void; iframeKey: number; @@ -37,7 +36,6 @@ function IFrameConnectTab({ initIFrame, setInputAppUrl, inputAppUrl, - bg, isIFrameLoading, appUrl, iframeKey, @@ -63,12 +61,12 @@ function IFrameConnectTab({ setInputAppUrl(e.target.value)} - bg={bg} /> {inputAppUrl && ( diff --git a/src/components/Body/NetworkInput.tsx b/src/components/Body/NetworkInput.tsx index cf7d122..800feb1 100644 --- a/src/components/Body/NetworkInput.tsx +++ b/src/components/Body/NetworkInput.tsx @@ -46,10 +46,20 @@ function NetworkInput({ size="md" tagVariant="solid" chakraStyles={{ + menuList: (provided) => ({ + ...provided, + bg: "brand.black", + }), + option: (provided, state) => ({ + ...provided, + color: "white", + bg: state.isFocused ? "whiteAlpha500" : "brand.lightBlack", + }), groupHeading: (provided, state) => ({ ...provided, h: "1px", borderTop: "1px solid white", + bg: "brand.black", }), }} closeMenuOnSelect diff --git a/src/components/Body/NotificationBar.tsx b/src/components/Body/NotificationBar.tsx index 086e325..d3ad3d4 100644 --- a/src/components/Body/NotificationBar.tsx +++ b/src/components/Body/NotificationBar.tsx @@ -13,50 +13,49 @@ import { faDiscord } from "@fortawesome/free-brands-svg-icons"; import { ExternalLinkIcon } from "@chakra-ui/icons"; import axios from "axios"; -// const CLOSED_KEY = "discord-notif-closed"; +const CLOSED_KEY = "new-ui-notif-closed"; function NotificationBar() { - // const isClosed = localStorage.getItem(CLOSED_KEY); + const isClosed = localStorage.getItem(CLOSED_KEY); - // const [isVisible, setIsVisible] = useState( - // isClosed === "true" ? false : true - // ); - - // useEffect(() => { - // if (!isVisible) { - // localStorage.setItem(CLOSED_KEY, "true"); - // } - // }, [isVisible]); - - const [donor, setDonor] = useState(); + const [isVisible, setIsVisible] = useState( + isClosed === "true" ? false : true + ); useEffect(() => { - axios - .get("https://api.impersonator.xyz/api") - .then((res) => { - setDonor(res.data); - }) - .catch((err) => { - console.log(err); - }); - }, []); + if (!isVisible) { + localStorage.setItem(CLOSED_KEY, "true"); + } + }, [isVisible]); - return donor ? ( - + // const [donor, setDonor] = useState(); + + // useEffect(() => { + // axios + // .get("https://api.impersonator.xyz/api") + // .then((res) => { + // setDonor(res.data); + // }) + // .catch((err) => { + // console.log(err); + // }); + // }, []); + + return isVisible ? ( +
- 🏆 Thanks to{" "} - {donor} for donating in - Gitcoin Grants #18 + ✨{" "} + New UI is here
- {/* setIsVisible(false)} - /> */} + /> ) : null; } diff --git a/src/components/Body/TabsSelect.tsx b/src/components/Body/TabsSelect.tsx index 852f33d..22e1e65 100644 --- a/src/components/Body/TabsSelect.tsx +++ b/src/components/Body/TabsSelect.tsx @@ -19,7 +19,7 @@ function TabsSelect({ minH="3rem" px="1.5rem" spacing={"8"} - background="gray.700" + bg={"brand.lightBlack"} borderRadius="xl" > {tabs.map((t, i) => ( diff --git a/src/components/Body/TenderlySettings.tsx b/src/components/Body/TenderlySettings.tsx index 683a951..ec4bf9f 100644 --- a/src/components/Body/TenderlySettings.tsx +++ b/src/components/Body/TenderlySettings.tsx @@ -43,7 +43,13 @@ function TenderlySettings({ - + (optional) Tenderly Fork Id: diff --git a/src/components/Body/TransactionRequests.tsx b/src/components/Body/TransactionRequests.tsx index b807375..d7de61a 100644 --- a/src/components/Body/TransactionRequests.tsx +++ b/src/components/Body/TransactionRequests.tsx @@ -25,6 +25,7 @@ import { } from "@chakra-ui/icons"; import CopyToClipboard from "./CopyToClipboard"; import { TxnDataType } from "../../types"; +import { useEffect } from "react"; export const slicedText = (txt: string) => { return txt.length > 6 @@ -81,7 +82,16 @@ function TransactionRequests({ setSendTxnData, networkId, }: TransactionRequestsParams) { - const { isOpen: tableIsOpen, onToggle: tableOnToggle } = useDisclosure(); + const { + isOpen: tableIsOpen, + onOpen: tableOnOpen, + onToggle: tableOnToggle, + } = useDisclosure(); + + useEffect(() => { + // keep table open on load + tableOnOpen(); + }, []); return ( void; - bg: string; isConnected: boolean; initWalletConnect: () => void; } @@ -24,7 +23,6 @@ interface URIInputParams { function URIInput({ uri, setUri, - bg, isConnected, initWalletConnect, }: URIInputParams) { @@ -63,6 +61,7 @@ function URIInput({ {uri && !isConnected && ( diff --git a/src/components/Body/WalletConnectTab/index.tsx b/src/components/Body/WalletConnectTab/index.tsx index 4d20ad0..76e90b6 100644 --- a/src/components/Body/WalletConnectTab/index.tsx +++ b/src/components/Body/WalletConnectTab/index.tsx @@ -7,7 +7,6 @@ import URIInput from "./URIInput"; interface WalletConnectTabParams { uri: string; setUri: (value: string) => void; - bg: string; isConnected: boolean; initWalletConnect: () => void; loading: boolean; @@ -20,7 +19,6 @@ interface WalletConnectTabParams { function WalletConnectTab({ uri, setUri, - bg, isConnected, initWalletConnect, loading, @@ -34,7 +32,6 @@ function WalletConnectTab({ diff --git a/src/components/Body/index.tsx b/src/components/Body/index.tsx index 89dc615..bb62ffb 100644 --- a/src/components/Body/index.tsx +++ b/src/components/Body/index.tsx @@ -641,7 +641,6 @@ function Body() { setShowAddress={setShowAddress} setAddress={setAddress} setIsAddressValid={setIsAddressValid} - bg={bgColor[colorMode]} isAddressValid={isAddressValid} selectedTabIndex={selectedTabIndex} isConnected={isConnected} @@ -666,7 +665,6 @@ function Body() { )} - +
Found the project helpful?
@@ -113,13 +119,11 @@ function Footer() { <> @@ -133,7 +137,7 @@ function Footer() { backdropFilter="auto" backdropBlur="3px" /> - + Support diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 7f51bb0..bb8b508 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -15,7 +15,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faGithub } from "@fortawesome/free-brands-svg-icons"; function Navbar() { - const { colorMode, toggleColorMode } = useColorMode(); + const { colorMode } = useColorMode(); const underlineColor = { light: "gray.500", dark: "gray.400" }; return ( @@ -32,14 +32,11 @@ function Navbar() { pr="2rem" > - + Impersonator -