From 79f7b6c6bab272efeff28eb179773fa9adc708d8 Mon Sep 17 00:00:00 2001 From: Volodymyr Kozieiev Date: Wed, 27 Sep 2023 11:54:41 +0100 Subject: [PATCH] Transaction summary design followup fixes (#17360) --- resources/images/icons2/20x20/bridge@2x.png | Bin 725 -> 673 bytes resources/images/icons2/20x20/bridge@3x.png | Bin 1007 -> 1001 bytes .../wallet/transaction_summary/style.cljs | 3 +- .../wallet/transaction_summary.cljs | 26 ++++++++++++++++++ 4 files changed, 28 insertions(+), 1 deletion(-) diff --git a/resources/images/icons2/20x20/bridge@2x.png b/resources/images/icons2/20x20/bridge@2x.png index 5457649706acceeee69d1badbd2d6f1ebb8498ea..a965546c321f27cc90afaeaa361cb6aadfe19708 100644 GIT binary patch delta 598 zcmV-c0;&Dg1)&9yR)020L_t(|0qvH(Zrd;r$N!WpgYGB01+WWf>=t?J*5nP+CrG<> z>>F5_I`$RPCvZA-bRNMOJ5@shbYzjDbrIX@okb%GEyq$M1%M``c6!C{_0z zr3`Z>B~@>yntyj66)0VUTuTD}$V$io#((r_zo<_~b${6YgibN-m#xK8GpGm;tzkhj zS~f%-_42cAf24YYB7Y9Yv9isx8Gn-lFX0TqH%j)(n2xE1*{eu6A+^_S`8@RHvtMob zIBLlkpUC#X41a-qgfe}PsBxSv0kP-Fr^#$`{{6cAqDYX383pvWX?AvywJa5Izyf(k zW}RnmQ~10yqcy?D^gN)=F*N;mIUd;ud7nA()eIaHeR`aa;S~fOQPLp=i!a5AgvC(j zIPW`$um4j08R0tjlV)2Rzjxxli>Ge_7^3>f`6Ask*%kN^>C6gwWAKszi48e zqY)klsvG$T^h77g!VX@MCk6gzhxBo1cKN=@RzMZSUJ*D&+RrCp{-GQf`fPlG@+^h& zyHsIF*+Xm+ST#vgmXn<8#Hwv_Cz=mt+vZip-w7-ozX6oVu k*2M{|ixcQ@I2`w!|E8SEM$IL@A^-pY07*qoM6N<$f=y*4IRF3v delta 651 zcmV;60(AYM1=R(RR)1ynUD;uhbUK6hZo-%w@{_eK~9HqOy68GEuZluvHJCy^EFw>P`*C% zA^XOCDR`50{=JGo^YDUrA2n}88H5j7WO79dTxNjZn{+guV&gT%nY$^(l^Dtqw-?Zk zvm152aWDpQJTFC>FI%2sj5uq3@ZXr?7(6i@fOizGYJbQpp3D@-h}F*}f`3dqa6yZY zpes0olojM3ZAAzcpskud1b2s0R}T-clWE&>?@i!C!3o?KPhMc7QIiFHp;N`it30v- zGTYyDWs11Z15csxVY4}tSLU$~I3Y*a7!NC+N7h6pEnbohQ3b+DO6}YMZ3GteGvp{M z$XNJ#R)0HKR*A%?|NDh0c%#*XwhS(d6>@2kyy|~Ne_!O4NwGj$A8UtZhEqn%2`nct=DYjd{bjQY zB~mC93Wegihq<58i_g*b1HiupAJQ& zU?(Pdb)+C!jiVExjr1T?UPQ?Y?~D-myquMp$xBQoA*~zB6+y+WU)hl4+GYRbFoFgr ztI+xGQ!EkI>sf?#Ml)P$29{9a9Yxc?;FlT!g#v}|DFaf^ux^w$1&N)oI+BK~gMQBn z)(D;5YZ*bmUw{AV|M*5JNHxQDC{trzJs8=UQ;r!dZqpnYN!m8INhwHd*fy)R(T_@m z>gJNM;yW*GFnN8Mr3hb(?ule^k-* zrK92CjLXOXLt6NP%eUSZq~+4Vf+q%C-DwA=3mZlKVSjHp_<2Mzi8aHzv0^S7EA1<~ zYE3#Y>VzffvSyohx{QwUhQWQmB)Q3}IcD`>(I|H>=)oy+>)twik4NVe+UxE-8qKt5 zabK2_OU_ zD(bRnL4PIW%Ze-C#B+^FC|l6u0X}k~!wPzZ1saCXS8;tUgKB+VptEKl1nJnO%ND}0 zG1XZ&r&xjCoMQ#Xpov+H9W_QC|LsamC7tp#hklbP4=uNb>l=e0c``eSw zd4&3?*Fw_bSD2*2D{K|V&m*Ek9xl?^ZrGsN8h<@bEJO@6i1ivG+Ct|cvSG*MXm6Z! z$1^rQoqs{mLED^kFykFLnpJH}l6W4~d`L)B&8dRt!LsOh4Q1 zSTLL8*iC``IwyyhbLwSwTDmJJ!+A#;&O6F*-ub77r}xc%`{<~3!|rtx)74hEYkv7*hJ%hscL52*zR~;NJ;Py#hu9&Fa9JZ)C_>|a5|EWnfOd8` z&%Mdl(mqDk5@>Lr_FOt`=&VylsMk{7QHJx5GMsmm;k=^^=N)A@@7#97nV-os`(he{ z{{-&h0JiV^)};i<(KnQ6tRs`^C=?2XLK>k^C~lfR<+CCUQ<{RY00000NkvXXu0mjf DCmPJ@ delta 935 zcmV;Y16cg&2k!@vR)2&^L_t(|0qvOIS=%rWz)y)Of7%E2nb4XI(hZymC=&n^P$qy4 z+6`cXv=hV|lnv^Bfp_<%Kx0R}v*aKrO5#6Czt+|7`yjR~pYBfQlTH8*hr{7;I9kCT z?_GjrHX+jrJKXnoc~5ZebFjoFWOl$BX+ZyZ=QcOI8FOf<2!#a-4sbw%_ zL{#jn9(JVI3-AVb73FO>BYh0RQ5mDD5A`jEGK-{42=%Vyl)5ur$zW1ymmhqT>0fYN zu_<`Rv}`2MJ;wXl@tmH{r)n!}&-N0ll@iQKO#+iRt48^sC^p43`g2tjTY4$71ol(Ky?7Ix{m5XiY9zMkP zpVqx06&xQ*1q+F1K`zb6DhC$jj&Ih>T{4=f(eMo)(~N-yaHFCpr*K;(J7~xb-^aYc zW_hDgNKZjDR!CE%Aj^iagjX`eE!M;T2F~EN<9`fpJI>&?6so%iiKuKh3ViT3MwGRs}#Hlt3Ja zHY4g8!*k;#yF#brZD{z^U_3dD^)wv&b6u??goNM?uRdHN(@aKD`g=TAnZ@z8VPY(=HylOx0}C_oSYf z3w2N-o%g3Q)2JxZ_Qseqe$XCVWO*ZvDSu3$8+EZQudd40@RdVa4G=+1@H;1^0(mEH zsU(D&OrSb$9d0|$;I`uoZadE4w)5W^>>zMB91e%W;cz(W@f#2pd$S~+;J^R?002ov JPDHLkV1m0e$cz90 diff --git a/src/quo2/components/wallet/transaction_summary/style.cljs b/src/quo2/components/wallet/transaction_summary/style.cljs index b3319f2f90..fb4e440af6 100644 --- a/src/quo2/components/wallet/transaction_summary/style.cljs +++ b/src/quo2/components/wallet/transaction_summary/style.cljs @@ -50,7 +50,8 @@ (defn divider [theme] {:height 1 - :margin-vertical 4 + :margin-top 4 + :margin-bottom 3 :background-color (colors/theme-colors colors/neutral-10 colors/neutral-80 theme)}) (defn extra-info-header diff --git a/src/status_im2/contexts/quo_preview/wallet/transaction_summary.cljs b/src/status_im2/contexts/quo_preview/wallet/transaction_summary.cljs index 2b4b4886f7..32bfeb61ae 100644 --- a/src/status_im2/contexts/quo_preview/wallet/transaction_summary.cljs +++ b/src/status_im2/contexts/quo_preview/wallet/transaction_summary.cljs @@ -12,6 +12,13 @@ :amount 1500 :token-logo (quo.resources/get-token :snt)}) +(def asset-eth + {:size 24 + :type :token + :token-name "ETH" + :amount 75 + :token-logo (quo.resources/get-token :eth)}) + (def asset-dai {:size 24 :type :token @@ -38,6 +45,13 @@ :account-name "Piggy bank" :emoji "🐷"}) +(def collectibles-vault + {:size 24 + :type :account + :account-name "Collectibles vault" + :customization-color :orange + :emoji "🎮"}) + (def aretha-gosling {:size 24 :type :default @@ -50,6 +64,12 @@ :full-name "James Bond" :profile-picture (resources/mock-images :user-picture-male4)}) +(def mark-libot + {:size 24 + :type :default + :full-name "Mark Libot" + :profile-picture (resources/mock-images :user-picture-male4)}) + (def mainnet {:size 24 :type :network @@ -90,6 +110,8 @@ (def context-tags [{:key asset-snt :value "SNT"} + {:key asset-eth + :value "ETH"} {:key asset-dai :value "UNK"} {:key asset-collectible @@ -98,8 +120,12 @@ :value "Account: Trip to Vegas"} {:key piggy-bank :value "Account: Piggy bank"} + {:key collectibles-vault + :value "Account: Collectibles vault"} {:key aretha-gosling :value "Person: Aretha Gosling"} + {:key mark-libot + :value "Person: Mark Libot"} {:key james-bond :value "Person: James Bond"} {:key mainnet