From 02647bade6c6ac3389667414a3b5d00c3799ba47 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B3=A0=EB=8F=99=EC=98=81?= Date: Wed, 12 Jun 2024 22:26:53 +0900 Subject: [PATCH] =?UTF-8?q?[TabLayout]=20=EC=8B=9C=EB=82=98=EB=A6=AC?= =?UTF-8?q?=EC=98=A4=20=EB=B3=80=EA=B2=BD=20=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ic-category-accessories-normal@3x.png | Bin 0 -> 1330 bytes .../images/icons/ic-category-cw-normal@3x.png | Bin 0 -> 2255 bytes .../ic-category-electronics-normal@3x.png | Bin 0 -> 674 bytes .../ic-category-entertainment-normal@3x.png | Bin 0 -> 2862 bytes .../icons/ic-category-fashion-normal@3x.png | Bin 0 -> 1151 bytes .../icons/ic-category-home-normal@3x.png | Bin 0 -> 1254 bytes .../components/TabLayout/TabItem.module.less | 4 +- .../src/components/TabLayout/TabItemSub.jsx | 15 ++-- .../TabLayout/TabItemSub.module.less | 73 +++++++++--------- .../iconComponents/FeaturedBrandIcon.jsx | 28 +++++-- .../TabLayout/iconComponents/HotPicksIcon.jsx | 17 +++- .../iconComponents/TrendingNowIcon.jsx | 15 +++- 12 files changed, 94 insertions(+), 58 deletions(-) create mode 100644 com.twin.app.shoptime/assets/images/icons/ic-category-accessories-normal@3x.png create mode 100644 com.twin.app.shoptime/assets/images/icons/ic-category-cw-normal@3x.png create mode 100644 com.twin.app.shoptime/assets/images/icons/ic-category-electronics-normal@3x.png create mode 100644 com.twin.app.shoptime/assets/images/icons/ic-category-entertainment-normal@3x.png create mode 100644 com.twin.app.shoptime/assets/images/icons/ic-category-fashion-normal@3x.png create mode 100644 com.twin.app.shoptime/assets/images/icons/ic-category-home-normal@3x.png diff --git a/com.twin.app.shoptime/assets/images/icons/ic-category-accessories-normal@3x.png b/com.twin.app.shoptime/assets/images/icons/ic-category-accessories-normal@3x.png new file mode 100644 index 0000000000000000000000000000000000000000..8d58839d5ed938e559e9c939c8dba29b7604c4b6 GIT binary patch literal 1330 zcmV-21Px#Ay729#u{SwFu>elQuN_R}w!q zvEx~L?b(RSeka$me%;J`J3G6!qDV`u%(+yW27g!lxmE5b>!pLgX;SFlzOL2+ZcZYiJUYEp1q!Yk-!+tN+dDIqL?u-;VU1;er z+`ozfo!1YCM@)?>P0hdsVZqM1dF!>qp}!DUs4Id0)e_}wH;IGd^qsb-B%TLveRA&9 zL?tm~h=L%CbfQ&M6H~J_V99c0w1`HR{X!iogwDNJXmmA_#F3nPf5gONI%STrZ7jOs z#sm5(wvb6)QD!h|4PH`+0CX8{4Md=;U>~LmKzj>H4J<3Rfcnu_W`XX&eW`&*tBjUI z!=v+zwxEDVHyG{RJRaR;l>7!7t%LQ0Hrpt4fz=dr(daT`G4YIJqg~x(%~2cc>K-dl zC^WPGDx=XQ*1Fw6qb)|Ly)0tTYNXW*p99$93y8lv#h_VJPHkb)-db+5+Di;t0~)fx zF%bscfL)#I5G>l;ct%}aCunpY-W(nfJlX=+a=nU2>+l(qZ|O@+J6QsIo164}2!ZxY z-Dmjj9i|EPlDG)_Ze(@@+JfdweR4RN9jy^y14DhcjM^1gzy^l;uHVL>y+L1szH^VZ zvZF1))YNx-sBO|Ai6(Je@5qOz+0kBM3h%lm^=_oI%;>e*<5mK-P5j=Vtq&*S}?+}YV^^EC}l zEMw7!K(%0Oh=BcF9GY6%O!j@BaYkpy&+xtELksY~$Dj?M;xp1QR8pa-rN48WmsQfC zeM?_(9OA(5x|nFc6^i;5@JC-sgU(rm{Zps?agqvM;(Ldmk4ZEGO*=!AXZwGlq(D=5 z>~VFKM`_UeT$YaY2Mg^FdM(>_Hx8}QtsmF<@?sivne(HUE3A_zHoC(x!^iPpPFD!6 z@`b~H?j#M`;Bto_5B75qy1+5Rlj8xR=lDKl&=bC0fzb1O?~+Riaf8rh#_rMj8(?sLst^ffB80a(Lu)-$1c1AZS$blk{byi8S3X`@@evM9sDiMqn}H$x|jT! o>+XuFNJ&XaNl8gbNlD@L4_82n=vUf!c>n+a07*qoM6N<$f@hk9IRF3v literal 0 HcmV?d00001 diff --git a/com.twin.app.shoptime/assets/images/icons/ic-category-cw-normal@3x.png b/com.twin.app.shoptime/assets/images/icons/ic-category-cw-normal@3x.png new file mode 100644 index 0000000000000000000000000000000000000000..ff1ec9cf9fbf05a1c32e9b3f5be0c1d4c8a59a7d GIT binary patch literal 2255 zcmV;=2r&1FP)Px#El^BUMMrQ<|NsC0|NsC0|NsC0|NsC0|NsC0|NsC0 z|NsC0|NsC0|NsC0|NsC0|NqTi-2wmr01k9gPE!CN-@ku9q+9P0k8jT~87gnz000Ok zNklgS}j;Zp;-GADk8KGE(JmKWr?5^K?>bXlWmjC-(Y9v&OP`0p2=?B_B>5? z?)>J?x##@Ox#ylZPEUH$lb-aXCrEkx*oWieuYL4JmtiyeuH;-I&8@#obr1MB#SLWX z-E4P|_X@y1_zztGPF{7DvZ>f9^4B$2Bh6PjL*D5cft_57jvUK}Pq!8Bu^aq8 zx?^4spFOSgjU=7;TvX(B;gc_ExF~aEh3Za*AG}3B=7Ufrvyq_dc4RQlNGe%F9(vL| zEY!)R2n0>6<0Nvem+-M+D0re}wX0Y;7`YK`(!mEd|IjQw4bE^<#+QFpT75c;AHjzx90i<*dKkZCT82fErChAs2 zm`M|3Bx?hE%9^8N^L?tnhX2C|0(!Bf-efW=jCa`vE4?ilM7gX}7|9-PZ`uryH1zWT(u-p-6K0*1Bj12``(l%@>2vc8UG*UF19$DuJ zJHrpL+)*%_U)8%k%-D*V7lJY5EBnmK&V#?iF=1(l@sy-d+3ei{hRitb$eWa%f^Xuv zL@O+JOqi6t0dB@wE-@suuJFh`lc82%K@k~f0emcJdc@OQ6D~19I?f~tp0eA9uUi0r z!DK{%r;LHG7xk<7C0Nx0I>!$lx}Z)5aJ;1o#`PKTd$l>++e(sYqI-#vbFZqCner^`<9#(5eBK_$%Bp zTA|Ixx6^f>2pscuX}{N*T@UasGbZO|R%olEI|@f%%R72eoxBZe=qbn3Q(Hq%Yt_&K zsos&k$iEvDHFy%aZ6j4C6y&0Zf+bTZ@Bx=;0K1P5UBQzg&Th?Tu zjZPLE*P1K{DUOuIuqjSfTw`;JBP3>*oTZHdtI93Q;#4 z^X3glOxW)rkBCx03lrKI<)~H0VRvj5rqWSn%hQt2v_UubanQ_`G^c$E_B%n2mqn|( z=~y<>{h;9j_RJzs^&(sj>-Vip{Q*_9s6t`wf_{&jgb5@NrEaEXHU@9el+3_WGS~u9 z%H@knO;e4k2s2oWRMtwH%39N6F|LR!#@)16I^s+Tv4$@px=abNgeZL0@rBPhMB$UY z8@XJYcC~I!ziF7!2&Tx~WQxoS=E_>s()a?S!C~`)qYL`U8guFse5Ikjn`b;_#&!%* zXOAILW>pg{@P{Y+afc^WTm3G@Xe84R4nvja8>FWoSkaQTuuC*@ksNbn(FavoYhiZ| zG6WrVW`;j{vmdYV+z}oM%Gj~1eEUY)HJhHy9fc5E(05XKlxd529Cy%@?k3w#mf1_s zWs3?fv1lYbHhv6Fwzrel#h8w&XvfCE1X_-u5^svX9U32h^)S;6aE9|V`_aM#e?;Fv zAJH#cL(%}Yu>iU}$}VzOFSJ7>G}!GO;fQnCb_lYN(8RGmXGSJEyNQ67T2ImneYb81 ztc_|tksD@W2SntPMUk~}eLjjdpTGGwpY38Mg6>XIH7D&lOdC`?Xif^JEiiTLEmccZ zEn>gmkcp{Ptc`923j>V%tZg7^dTC9ep(#^a`cU7D-gF1FglZLBjDqY8A{rcb3T-o3 zp$$HpHG0hayy6a9%G9TnlY+MFGf|O4;})YA5gNk~t%?fbW*T=t)e>KgIpH#aW>ov9)%u7};??Sv6$G*}ZDWj`NT{qVI4z zl;i<5^68?}x$ISh-DWrb(ZX}gqXKxdTmK&7anZiZ;P;bV{HK;c9`+2^rR;} d=}AwJ@;@oTzZnx0%fbKv002ovPDHLkV1l6GS!w_P literal 0 HcmV?d00001 diff --git a/com.twin.app.shoptime/assets/images/icons/ic-category-electronics-normal@3x.png b/com.twin.app.shoptime/assets/images/icons/ic-category-electronics-normal@3x.png new file mode 100644 index 0000000000000000000000000000000000000000..b5a16c2a1d7e96879d4954ce1c7d0c499e51c13e GIT binary patch literal 674 zcmeAS@N?(olHy`uVBq!ia0vp^+d!Cw8A!I>%Q6R2Ea{HEjtmSN`?>!lvI6;x#X;^) z4C~IxyaaOO0(?ST-3xsF;|3=g4Hg1ba+U=71v5O9w>wZbH%`FT)8Q-w0~4>Oi(^Q| zt+%rb{SP^a9OveGq}JkcGeDR(daA3LDBH~fgEn7blTA~PEJ;lMz-^-NWZ&95Q+E}- zue$zP()9oRTi>RCyH{QQc5js&&;}6rBiHrzo97{&@ZzU?530Ca<^39WDEpA}p=61+ zeTQrlri;-<4NAC7&mdNSth zv$zv?cK`A4jauWmblx`MLoM%bMP9$?aU%8Up7Z=a!b)wIi0I0t?zVKcsd{iMwoN*3 z$HTVhckcqYh3;I-p2cr|r{FN}_x@c!m%kQzx92YFySziZAhEry_f>wk-0rM?c1(Ah zn=Me2^gH`ka@PCaFLgG*sCZ?mb8hb^<~Ig;(__~{b17p2GR>pw8<@(Mpb)9$+N*B{FpmG@5W7wz;CYkMYgD?RP<+8gf@ndb(3 zf3X*KNqo`&aKg-UPsDeHi%k8xwBy;_JQa2~?sE~wPD+#7x;Len^eSft2qtBAr=`8C z*x0+}+$zac<`=(|-f3KE-IsPNb#2c2aCxgdxliiF+dI;3&3KdYMykAI-R|Y}72YTB phW}Ze+M(2u%D;97|Z>d#hq?O!65fe%zUV9b&xWM~X%mBsKPN-6yt|z+8`d zr58L6&$h@0%zw0`xDR=bwVorhs3*oAZaAcQg2cEZzY)8?QJjWd{ws2F6?BBRj|WEG zF;{d?VLWNNVL*Sa*^HcghE*@-HV$N`u%yH9ZJ1mlW9WHU`X>|_h{UF=V zKS1_2U4@sP>OY=i^R|~S$XUamdqY+Qmm3_VL&`}`=9b1TC0BU5h~#jEP*K{}LA7me zJi1*-&9Zs4`q}jr)0&#N3_dpQh-=xUWQ&k8CuhZ7E-^%f8}V=EL)}Nv?fF8HqUS^` zBi3XiKbzoROw_;VLck#~<$wg~7QWB&!`8kU5D)k(8Qj%D#!q7ju02jF_nMr(CL&w2RAsJsG6P9yb=rY9Xj0#?^(s)wa+{9^dK303yAL?*ii6|o2Xi5x&jhqT15DK>@ zRk@@}X-!+V{Iy<=C@S$sDp{s4-zWT%PL@QS!tsg z1-j33{NkVTjke@~joH>%=IDi>41;dU-}!q5%KWrPv$fcIFet)D2}+xW7P(AzX(cV? zO?Al#=)M0n7)fj@bVSwTi=ct&N=f2#+8!)w0S~^yY87ODirM933N>}@`%VKzXg1|lma(M}W&&z~kAg-XLWAlWSR-t z6H$^v9cvj!2b{A)M87S~NgfV&Qqbo(`6QyM9>eYYlgbe0+DEmZrz5q!KiY}nJ1ldJ z5yL912@y~Da+M_8tsCcFn2VlXbaMOvD}7+4oxSG6BXa>$8(qIDY51m&WA?8BO_YZK zM~jTx(S_R$Qg3VZD|4XZp(yUqn&Xv|FBZA|nr_5~EQ`8CcNOu;4vWXOn8P}=+cvNM z1o^Lh5k1)c{<@3t@u@bUSo8z8t3jRs?M(9Wu3HO^k6mv8**vtS$Z%}?phEbvg=py) z)+Ht-JEvbw{!{#de_pfIs5ycYsxMz^lL2mHmo7dooz0Dxuu-%Wk65+ z9^)G~mIS)PG1nQSnQrV3B7xMTXJn*$^>h?^ix!u7-MEmgeFN`D07TqVj&~a_g4V`;b%tyH)a^SkY&pBuCxm zKQW+FFKjzyLi3qM>PaV*ipS_zva*u#(XrH=5Jwv0u%FJLltbN7M;9kMo zWDV{lbtCp(Z>tnu#|zL6R#OMTWiOMKK0luC8isZ>zR7awG{9Cir=h*6yX|AfGs-u~ zrtE~%%_wsIxJnNSWaOe+x}5J;)owB#&RjudvZYLK44U-&`?}W@C3pW#BYJf>uVCP_D@(O#W4qB*ry+ z`2JMTpPo#Ci>t#eveDNs5g2cDnh0ZAfkNqJE%VS0_)p(N-U%qH46J%@PDt_k>8T6( zQpM-bq6ffe8;Q8F=lLL7I;ne>jN zrpb=J*VjC0Jo9*`>OQfsK8&t)(26vVt>Rf%5SI;{PqBt*sHH~xo>8RduMWL=7kIa= zQ$H+-?jt@(79qaJ8RW^4ayF?hTcDqrwm+Z6P@R(X9h}IO?-C8bOP*Vy-}BP9r|j3r z7#Yf}f_kw{XOU5LY<1>EjFR)|AGSW5c!L}3z`qVBxF40VsFy}Iv0pM*29CDywmpPx#Bv4FLMMrQ<|NsC0|NsC0|NsC0|NsC0|NsC0|NsC0 z|NsC0|NsC0{}g&%X8-^I3v^OWQviS7AZHM}nD0U`r{#(t000BxNkl7_{H2f6f8u=FGJWC?Y$;Clb7_NGeA9N|1{E~{x<5F_J=?t#iVF+?1RaE2hp=;pJy2OGe zWY;C|%9G^y40eyt%Pma z18kX3Mt3nDK7awM^5C(8{nS5Q@m!?7$@I*Tf1 zpRfkY1*scW1IEU?RBT4!LG*fSRS4 zsv4LLs4`xfM!lKraR(*`s12w#UaGIJ=%Fvan0-5d8;{r4x9^6;KyScmuFHi&S_1<2 z7{Jcffg2B=2&kho84oPA0Z+kKA^R328qj7upi~C58xN*_rt{v$lMHw%Z)`rslZ=++ zh$VmHNe28Wj{c+pohS?R+H9qRHn7_bgFTJ-cN;jGT zXPFzhvivkt8S*xsljfC${YY_JWYaV~oC})sT5QKBO1|&Ml_-kjc7z88qtVGG@`Euy{&k1*(Ul$;>g}? z+Wdu+Qe9Y2r}96fv3Yq+780q6}U@(?m9b*B-5 zJu}sJAOoM7st4BV~Sot`b3;5-zJX*0(aw{-5;u+>LX;_kBM1`|m#MXu~+lw=@~YA>zy+Wqc(U#L{X+j)~ea?LU-c69Aicp)3K#ghB&%*vp9n#^6l4r}tut;(Ei zW2mHm)0ayxQB5LqvTfx-ragyODqfv3eRD&;c%IOvDNh}JbEg-+e&QZbY81DU`H7Iv zuXNUsS7K$i8NMpdGzfijF0iHKZ(F-w@EzUxi8 zY4Myzyt8Ew{yT7MYwnGWbGLr}bMuexbC%f)zR5kCSAEpXy@g+vd4jRvyAtbD<%a9G zskvWQnrGc*;J)Tbnx^c`uTN6nvlNhuM5||lrFIR=DYo`PDS48Bgc7` zbQs_G^^kFeYt7}mIi?P`lA@2u%O}Sa6>2zs7rNl^V!F)igp?l}{~i0ik}>lYn|(^y zjD_3Jf8TrNr^t^9OQ&z#@;7E;>3;Wh$GWHNbki-r8M;fJyC?F@KKE8<{m(tETUz`2 zVp#$$?~Cl!p7F&y<^X%z+VFRaqYo^x`ZdKVp=`FCsnV9E4P~nYO4fUwx!$Go=)y9g zU*D^QoBeiX&6=>dx%AVsGXeqqf1a*WbbqgK_}ydC6(V^PB}zKwyah^Ir&}9ZEfzX9 zbKz6Jo_B0*GY$didk!ftz7$=bvXJ{!=S*ei*{3#!9S~ludtjgHjgy~*N&*#wc&+Ni z8}0==hnq$%2BBZ)*IpO5yDHK}C!>H+~tzQ`y;D{sHK<^d`8qLLHknslG={w>TcJ5=bzQ+0`7Deb_M>-!pW zPsKXEJ96+|`qIy0XkNg&WpsOq3S5f8*J5^^I=3F8M8ed@*v5XL(s-hS?p~ zjFSwDdU^7uSa7pRX1yqQ2oe;xmd6}-!JxH@hL2@71EA`{zle(_<8KkHQQ zoz6+SF5|%#yGVL_bn5l4o2U6^?0@SLl`^9<-P7nnkE(;;+D#{0RCldCxJ*38MD9)0 zx6cc|eJP#D|D`x@(js;jL(ebE4nF#JI*b8l@|BNE_}iD{VyY(Ltj4^vbvoK27g`uGMz58HwfI)^#)kVFnGH9 KxvX - - +
+ +

{patncNm}

+
); @@ -119,9 +122,9 @@ const TabItemBase = ({ ref={itemRef} className={classNames( css.tabItem, + path && css.featuredBrands, !path && focused && css.focused, !focused && !path && selected && css.selected, - // selected && focused && css.selected, path && css.path )} onKeyDown={onKeyDown} diff --git a/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.module.less b/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.module.less index 2f807081..d65402ab 100644 --- a/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.module.less +++ b/com.twin.app.shoptime/src/components/TabLayout/TabItemSub.module.less @@ -9,10 +9,14 @@ margin: 21px 0; position: relative; padding: 0 24px 0 48px; + > div { height: 78px; } + &.featuredBrands { + margin: 21px 0 45px; + } &.focused { background: rgba(255, 255, 255, 0.1); background: linear-gradient(to right, #cb1253, #e15ba1); @@ -22,7 +26,6 @@ } &.path { padding-left: 0px; - margin-bottom: 70px; } &.selected { @@ -31,46 +34,46 @@ .imageWrap { position: relative; - margin: 0 30px 0 48px; - img { - .size(@w: 120px, @h: 120px); - object-fit: contain; - } + margin: 63px 0 0 0; - span { - .position(@position: absolute, @top: 0, @right: 0, @bottom: 0, @left: 0); - .size(@w: 140px, @h: 140px); + .iconContainer { + .size(@w: 420px, @h: 110px); + display: flex; + align-items: center; - background-position: center; - background-size: cover; - } - - &.focused { img { - box-shadow: -3px 0px 30px 0 #c70850; - border-radius: 37%; - .size(@w: 138px, @h: 138px); + .size(@w:80px, @h: 80px); object-fit: contain; + margin-right: 21px; + margin-left: 48px; } - span { - background-image: url("../../../assets/images/icons/ic-tab-partners-focus@3x.png"); + + h3 { + font-size: 28px; + color: #fafafa; + } + + &.focused { + background: rgba(255, 255, 255, 0.1); + background: linear-gradient(to right, #cb1253, #e15ba1); + color: #fff; } } + &.selected { img { - .size(@w: 138px, @h: 138px); + .size(@w: 80px, @h: 80px); object-fit: contain; - } - span { - background-image: url("../../../assets/images/icons/ic-tab-partners-lnb-selected@3x.png"); - } - } - &.selectedFocus { - img { - box-shadow: -3px 0px 30px 0 #808080; - border-radius: 37%; + border: 5px solid #c70850; + border-radius: 44.9px; } } + // &.selectedFocus { + // img { + // box-shadow: -3px 0px 30px 0 #808080; + // border-radius: 37%; + // } + // } } .text { @@ -110,7 +113,7 @@ // Fashion &.category-icon-1000 { - background-image: url("../../../assets/images/icons/ic-category-fashion-nor@3x.png"); + background-image: url("../../../assets/images/icons/ic-category-fashion-normal@3x.png"); } // Beauty @@ -125,7 +128,7 @@ // Home &.category-icon-1006 { - background-image: url("../../../assets/images/icons/ic-category-home-nor@3x.png"); + background-image: url("../../../assets/images/icons/ic-category-home-normal@3x.png"); } // Kitchen & Food @@ -135,7 +138,7 @@ // Accessories &.category-icon-1014 { - background-image: url("../../../assets/images/icons/ic-category-accessories-nor@3x.png"); + background-image: url("../../../assets/images/icons/ic-category-accessories-normal@3x.png"); } // Heaclth & Fitness @@ -145,16 +148,16 @@ // Crafts & Sewing &.category-icon-1011 { - background-image: url("../../../assets/images/icons/ic-category-cw-nor@3x.png"); + background-image: url("../../../assets/images/icons/ic-category-cw-normal@3x.png"); } // Electronics &.category-icon-1010 { - background-image: url("../../../assets/images/icons/ic-category-electronics-nor@3x.png"); + background-image: url("../../../assets/images/icons/ic-category-electronics-normal@3x.png"); } // Entertainment &.category-icon-1012 { - background-image: url("../../../assets/images/icons/ic-category-enter-nor@3x.png"); + background-image: url("../../../assets/images/icons/ic-category-entertainment-normal@3x.png"); } // Clearance diff --git a/com.twin.app.shoptime/src/components/TabLayout/iconComponents/FeaturedBrandIcon.jsx b/com.twin.app.shoptime/src/components/TabLayout/iconComponents/FeaturedBrandIcon.jsx index 680d1b6c..39261142 100644 --- a/com.twin.app.shoptime/src/components/TabLayout/iconComponents/FeaturedBrandIcon.jsx +++ b/com.twin.app.shoptime/src/components/TabLayout/iconComponents/FeaturedBrandIcon.jsx @@ -1,16 +1,30 @@ import React from "react"; + import { scaleW } from "../../../utils/helperMethods"; import { convertThemeColor } from "./convertThemeColor"; const FeaturedBrandIcon = ({ iconType = "normal" }) => { return ( - - - + + + + + + + + + ); }; diff --git a/com.twin.app.shoptime/src/components/TabLayout/iconComponents/HotPicksIcon.jsx b/com.twin.app.shoptime/src/components/TabLayout/iconComponents/HotPicksIcon.jsx index 9f50c204..57063c47 100644 --- a/com.twin.app.shoptime/src/components/TabLayout/iconComponents/HotPicksIcon.jsx +++ b/com.twin.app.shoptime/src/components/TabLayout/iconComponents/HotPicksIcon.jsx @@ -1,16 +1,25 @@ import React from "react"; + import { scaleW } from "../../../utils/helperMethods"; import { convertThemeColor } from "./convertThemeColor"; const HotPicksIcon = ({ iconType = "normal" }) => { return ( - + - ); }; diff --git a/com.twin.app.shoptime/src/components/TabLayout/iconComponents/TrendingNowIcon.jsx b/com.twin.app.shoptime/src/components/TabLayout/iconComponents/TrendingNowIcon.jsx index cdcbdea8..80c0a4f7 100644 --- a/com.twin.app.shoptime/src/components/TabLayout/iconComponents/TrendingNowIcon.jsx +++ b/com.twin.app.shoptime/src/components/TabLayout/iconComponents/TrendingNowIcon.jsx @@ -1,16 +1,23 @@ import React from "react"; + import { scaleW } from "../../../utils/helperMethods"; import { convertThemeColor } from "./convertThemeColor"; const TrendingNowIcon = ({ iconType = "normal" }) => { return ( - + - ); };