From 8f00bc24cb4957a5c0c684938886fc3deb824ad3 Mon Sep 17 00:00:00 2001 From: optrader Date: Wed, 22 Oct 2025 20:13:24 +0900 Subject: [PATCH] [251022] feat: HowAboutThese-2 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit πŸ• 컀밋 μ‹œκ°„: 2025. 10. 22. 20:13:22 πŸ“Š λ³€κ²½ 톡계: β€’ 총 파일: 5개 β€’ μΆ”κ°€: +28쀄 β€’ μ‚­μ œ: -6쀄 πŸ“ μΆ”κ°€λœ 파일: + com.twin.app.shoptime/assets/images/icons/ic-shoptime.png πŸ“ μˆ˜μ •λœ 파일: ~ com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.jsx ~ com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.module.less ~ com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.jsx ~ com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.module.less πŸ”§ ν•¨μˆ˜ λ³€κ²½ λ‚΄μš©: πŸ“„ com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.jsx (javascript): πŸ”„ Modified: Spottable() πŸ“„ com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.jsx (javascript): πŸ”„ Modified: Spottable() --- .../assets/images/icons/ic-shoptime.png | Bin 0 -> 7625 bytes .../SearchPanel/HowAboutThese/HowAboutThese.jsx | 7 +++++-- .../HowAboutThese/HowAboutThese.module.less | 10 +++++++++- .../HowAboutThese/HowAboutThese.small.jsx | 7 +++++-- .../HowAboutThese.small.module.less | 10 +++++++++- 5 files changed, 28 insertions(+), 6 deletions(-) create mode 100644 com.twin.app.shoptime/assets/images/icons/ic-shoptime.png diff --git a/com.twin.app.shoptime/assets/images/icons/ic-shoptime.png b/com.twin.app.shoptime/assets/images/icons/ic-shoptime.png new file mode 100644 index 0000000000000000000000000000000000000000..3083017ae6938032e1d8c0ba1e76a69724b77d0a GIT binary patch literal 7625 zcmV;)9X8^LP)1sbY=6eT%6Am~B2w)aXnsv@dQ+$twSx(?@fZ%B5W7nsQ z&bT#5R{YP4QB|^wz5mq?7zg}u(uJi9C(l0j{>if+M$~&0u$L0fk)*yZuFZU>d`!iD zy%T6;U-lQCUsGKj{Y7QY$b7pU@$2@-bhKYNpawPGeG|_O>=zDraQqiW{QQv59X4_D(w`wB ziwXBF1pg?)R7@JGtIWb&*5Jh+{6fVMKbte=uN<^ra-PWVtx!Gi=)P@LXdgS#_ZBSg8!FkwD&Hnc;J7WQ*rp!=af(V@|Dx) zOz%b2kg*ElfIG&WS;iC1mr2jSBLFa0GvdeZ$*STdrI>QkX*lC+3vkw@-^7=`{>=&3 zUVSsJx#9+#cFI|Z#o`00H58~YFvkeYc?^IBCB-9dK7Q)-d$0P+g2(1n&;1qqhwa*D z4iJd>^`X_}3nzVkPDOEi30L$0>0HttU!~<^F#WuXaO4?hVMN8)PCdpLl$Vdi?9ZKt zFP(oeN=y4Yt%k#lF({+lNz+ci6&EeQf-n9fPCDwud>j}m*u(oialm~uc!r-c`#XMM zo@S1JnmPV#+FMTA<7?FTi8%Qy^H4tVV1VF(pCItjzO&U&XHskdkw_FrPn(X5zBnI6 z@gm3T?KW}T1YG#p3-JAaxE@zt^bH(y$k8Y%D(+2m$a%x+fcvYer!JaOeIvHEtubPL zD!>_lME7jB)+@>NeyKs5!K{_!pCBow}&1 zdXY8eMX}~bTvOFhEhtLhj{W=vC?!~`Q^9}tna5E3#&Y=SF!Gbh1YUgkSuB5TDXa}t z496dL3Mwkb5ae-Y&Z%ePdzV~?tLI*h8AqLjh!=4(g}4o=1O9i_S;rsjn}3fP?=dmv zaxQ2R4E8$WsVBVX$;zqIFmh}qj4=e);=>o8!_Msu5I)62q3~|SV&&Vfp=rl<#~3$m zJkCAmKSeH^`;D^yGJ7s2A5?{+Sl?;M4cZ5{y>`Iw^sQvo?7wHKc|2;OE5+bS2qq4P z?ZstfIQ*2EPPJHzb<38bX~QSXYD{j9+x-^!J~q{_cT8gp4nJh7H@OW{bo}YK zFmnp1JOxPK^oxN zyY4t2xMQar=9FmkZ+ibN_^E_z8)M)_qbRGa#HpW|GjjgL3vk{S=3>&s$tWr+!ccz% zHC}D?rNwJze0SVCGyiG&d$a!eYj2w~Y9x)_fjINx3NHk2}&6_tt_zajZ?HJ7X%6uIA`SUS>=_$fpkk_jBKuBt8ybUw2 zD_M8?_DRX2k#kzgM%|JgQ}Tf4`&Y)=5>sOBN#mt5h@|}@@w^fFPBCZ)^i*t&aR7V9 zL&S?B8i}E}sDut0g^H15Q9fb}ilaqNrsvqfw95{f04jlgO3N#7@D^bQdp!G7ofV+>+^NDq{bBHS${qswswU$9L-{~}DCIScN6 z&yb+ohZ2oo0&fYtzq1X=#s;)(SdWekb%-@IMT?r-Mn~Hc#!IIG%ITLr1v@0ZX3R!E z!S7>&zS;Y12dD|g7{m#1Q6K53V$x(BdFE`KGWTmZ^yJeqa?Cgw&(op9M+zu`6$0O} zr5-Jxe2n(mT9_@{5Z%#=XnO)i`V!yCp?@XqLuH zTn;bhk0({rPsC{#f1PhP=i}gGk4Kz8tn@x|h`1sUeoMBA1k%kruybP_8b4Zt1c8s# zZ$W(f4#b#hB1|=)gSyVjp^SHK1TqOWGzoKy5M!zqJKzo9oe1`!P}*HzC@%1M#+Yc!?yS&XIuNx>F5- zWf`^@?G{2EA}r|&!p?hG-xKS-JsGsOV=9k27Ds>aD>(G@Gckg1D2*|DtFqtm3Yg9K za1r0sgys#k*zxf?r0UiqvaJEJ9W99NYzKIb7j+aNRfVi#7YXYm_Gy%d#5)Dt7?#cr zbWGRyS3UhvK^zb-Ek(Sfv_HFsrjMZLQPQ@zBiXPO&7XXP9cw>8P`44$ZHMYM{8FJ`9>qvQl;|upf zNZ8*`L6%Y4AD{#FWuskFNWc?Kk`LCF`Z_e#u0xVvp3Ig8MtloAMttWPp1^@5Bn3?f znj=mogbvxZ_Bm2HIzb)N*(OiNsI2Nz(zc~NN-UtNs50-XFezv+c7SlKI#44%vAq#3 zOf$_2{Kk#&wl^WtvJ)Po-JNKd>V&9hicr!gkCN7vv~CqtqNeQ}IX)X43P*&KO-hCM zx_6Ci>S zwpmwRC$X)4N{%OtT$?46w&nmIaXL%^gI`|EGzkdh|E!G7Q zvq4>!J14>4f%V}FrWvlfkMWu$v@2I?JxAp6%C&M)t1P8me64loIDE-gM|2%W79ADd z!@m5V0)^QDjJ&?V(}na-nIMCtpWi{aHCo{T{*s%sz2B7N~?F0IHJnDufjM$7f;ID%B)~pIzccPm3(!i zON9f|b&8}iDgF+g zTbf%wED^ADrcjqK3Imo(mUTyL=lVvRJPlPhejQV8y$oaLR%7I8$09!YARr!v>Ttwy zk_Fe&M$39Yo|2_5M{H}Udac$eW7Q5NjtRJx0)0MpTHb%9APx|o6lib%mi6dO`f2z& zj(oSxslamaAz)fl%C@wR6t)CK2Oos0>%NLH=bnM`vuB{{+KX|>f4dBa-u6u#{^M&= z_0RJ$=De9Gnlc`dQ6peV!oT7W)j{CJ5w*FtmfUL$d*ThNJUT*@v`#)v%=;>g1F}(@ zx0Mu3bfzCcz=Z|`-x3(BCCRl3g0_WiC0A#vDxY%-;s;k!OZM^%B4wp0Cg3AaI1-g} zt8vIp|A=FMeJhUo<;^(!_G?ge!zCDZ(OD>-HU)@9d1j#7bv~UtOO~aQVy>ihOPN7z z0C*_CN7MnNe5Vfh%{j##pz^v<1y@M{RtmvaPEQHI7DZiTn|yv-j(CVyR-o*}X&86G znV9k~m*Ch%H{--7e~Kf2@*NaUo$Mk$jC{~3U9HK@uQudQ1#iY&AOJ#)6&wpITAjtJ*E^lb`Nh}Q5>UAJq{BWTnHE8w8gsJ#=F*Y^J$%Q z0DKX%P_XjBL%~k+0jy;xFZ3Owjp!>F)I?CU&1G}(mi&NZvjBm0p%cQfdv`b7O#$@^ z-}Z=m9$6+kOAg7+&62J3AaYQ_cEBz``v)c9LOZwvx=ImlR%;C@000egNklQ zg{y(f4%;@{7B@h7Va+x7^479)*Pp|y)=pxD7iU&G1~*AT9H3DNMod1YYV`Yj2IOQN zq>O6I@gXTkACTg9f^~hYGc5%qOF41S0rk7VaN2`-LBj+RFx%oIpjz5?g zhR^}|PiqNiK082V+WGFMt7fh@T(~Y+!6m~gb%91$w~j=U1tq&`7<@h8@5glyJc0JQ zEl`_6vaDO$qO*~l4Z^u}FXTT*K^zb+U|>Tn0nVL%x-KcVOw|z9g>Z)?4g$Ty)hzE_ z#}2lxf3En+ua;ozpI?KX#<;1R#@r4d?sNp_qA}sRES;YJ%ZS1_K>sR2S26$^`tr@U zem5!M@;Q#=g0v>5#rK$XJt^AzICm8=xJRjAC$3L-Nq;2tkjnSeF;H6=AlsI%!1~`jfgqLU zTp_?Zm(OEoK+?KWz@SjFEY&gly#qkwiD17N2p7{c|LXwdTY~D2nk*Guw{X@iL9=x3 zE)r;6#|?(mX-zBM!2hti0;Js zb)*(~X|{QHeZ&Y#%F=%24@9Y^7Oej118Dx>BPXi5 zbq6^;_h@kM|bY;0QxG}z|i2?BRNA!3_+O%(xwQc|EO z-shEWZNu6J9!JBf51g(*b!Bzvd~7;?4ruM~oSRx*n?i1W4hSE_?8xIPm;-Dd4iGLR z!Q*FNwsU=iCInen>q!cd1B87FQm(&GeVlLYgOAYxOW^bSNp7r`xv{;Ks#~3`rO@q; z=y0{aueo~T7t8^|hgWX~W%zJTW#9ex)~^c;xc&7k9#Y_bDf6k%=R-LlSyDhSEz?6l zPE|4(&vO1ii86jSviv>RcYiUH(?3vI zFbDLt1JVRvozS1*ZWr*T(dUR!>`F#`pv1PYR32DTv{!W-o_!T>-Tfc%{Y)-~owVfc z3NrIbKu7Xo8sh1TeL9Egwwxy~{`m&m_3Sz956^6E4@1gaC9S zq9mjc6qO=nWqK~YdEI)f`pGYmao=)7Im?LOMZ)hA7OKxtR*&|Jo7+Nnf@^b}&{@tF zTG;pTqNf!=!5kn=H9gJoxyAd-|Dn8ai6mXLBi5CZ1;~LwehwJRzHr>G`}X(#hF7n@ z9UTqZ5z14C8*icGLK4$D@Qqcf5vOKZgB;H>Dhr4mdw2z zsC_w7nN%W$y60a*%O@LAzkC&z{qSdKUcU)G0Sl*;ea(0vgZ(0ZU8r zU0vr9&Z}ieDyuT;1l5z2{C@*2m;T}W8(PC8bogFfO8QILgzD@WKSxjrpJJwl7s+0G7;sDT)= z^12G<0Lx=yR}0fY1_PabRNg{dY6*D!bHo%AS70>~?aYGX|;@VRkVPl{>!%gS}CCdo6toKG5jlJ=er+qon zcCVzml@wIY(J8OI9Fd<8 zrvyPgP0Z^Wv;%guHY6Ha8n!mHY^`f--nL?UYvb>l+jiWMN+-V?kCk3EdSvWXe9dF912F3tORsPjJWU*y1lD_8jQ>1DUQd>^eb8M0=Efh^ z*AL$_;9K=CZMbT~3m<)}VRak&`ItxM1xNh(s+JR;t=V=(-Cy2Jq*K4j1Q|w9I7oaw zt%GSS<0#|~c(+ERIn&Xx&Zg5%1fo;lfFt)nz(D`)C28j*n@R67T9@*K{|CVTO%O!? zZ`$)8D=XQ)?52$?Kl;I@zizKty*gdPjAa0d=QkmB<|nwfQZ@)4PWhR&0gr5|OSl6V zK}ZMb0n?9x$wa*92gT9YtxfAc`ca~J`x>UKEs#IdpdG%~}cJ!zyR!Sk8HJU}& zLQ(?RZj4z&P0NgDo-x*Yg8hFA#Ct8~dmmuKsx9AMw@#mLWQXGid*5dcxN_6dw-ETZ zCsGMrAa^Wn<~rMY{N-DZ1z0}BpD!}SUyb;&&&;~>iraS7Z>a4dGnCDMxt%-PY&7uR zHU>-S=qJd0)PpQWB>kuKhHY=$Qvb%r?>D}>vj*Vd2YdC|XAW>ymS!IH#XhHh?;~On z@Fdic-u?XV!P^###2zdwDLZTSotMv<^^*mQXWzY`pQ9a}x!bN+o}0Db8>3q|)TeYC z0slmdtn`e1RwBXg86OY(Qnc7lN1rb#YI^tk8&++u!6*7+iQ@gL&AW4-I^Y{?Ufs!4 z!;dn)?VFUxx+dms-ezauYKwOwP17I(q+cOOFo|g?WuNU zA?8ItEQ-f&99v%e#aVY=e#e}Y+Cr{n;8S{ks&uCRJhL_Py+_NG2aU$Sl?9pG5orXHI3`*PpH1* z@;gtw<-cwU%^LbU_n8PEtkm2HW8Mek1u^z_Fy4bv&wt2x@OCgFF0U0uYK+SUCidg>^puUabM$Gs~&1!z2x?JkJO}_)_-s7JMH@dbaeR)!U0`I?PaxQ=~Cab$@~1)j_=On z*?BM3?KWJ22Z1N(9WdBTT1~KDBL7JqTYeu{^SF)5i|KUfyNONj)GP4w@JO(mqJ6+9 zhy!$8mv3C&bXDWao3*}2B!soMfdZd7yN$02Hn96`h4!IMS=G1@!~0<6{CQsooCBi$x%t~#Ur<^eE)`qH@5KM+QG3DaU=JO+X3eQ=5+?UiDc2^>jJY0#=dEd{WAoA zFcK_=iTzO`>1D|+?Q6f?^m^+&xZRN*vVRo^oC5@kKYtPiqh7Ga7!sS?Sh=yP_NKabn`^LoSWZ_%>B0lf0mhoo@gjGlu!+it^>{i60>UoyI5czv__UhJXyKZ7H>PO@%Rp&X#C-UY524ra1OYs zZpFtx*tp`UA8dO4_czzAc {
- {/* μ•„μ΄μ½˜ 자리 - ν˜„μž¬λŠ” λΉ„μ›Œλ‘  */} -
+ {/* μ•„μ΄μ½˜ */} +
+ Shoptime +
How about these?
diff --git a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.module.less b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.module.less index 5cd8ca61..6d9ecedc 100644 --- a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.module.less +++ b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.module.less @@ -48,7 +48,15 @@ position: absolute; left: 0; top: 0; - /* TODO: Add icon styling when needed */ + display: flex; + align-items: center; + justify-content: center; +} + +.icon { + width: 48px; + height: 48px; + object-fit: contain; } .titleContainer { diff --git a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.jsx b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.jsx index d7c5e52f..abee2faf 100644 --- a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.jsx +++ b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.jsx @@ -6,6 +6,7 @@ import { useDispatch } from 'react-redux'; import Spottable from '@enact/spotlight/Spottable'; import { getShopperHouseSearch } from '../../../actions/searchActions'; +import icShoptime from '../../../../assets/images/icons/ic-shoptime.png'; import css from './HowAboutThese.small.module.less'; const SpottableBubble = Spottable('div'); @@ -62,8 +63,10 @@ const HowAboutTheseSmall = ({ relativeQueries = [], onQueryClick, onSeeMoreClick
{/* Header Section */}
- {/* μ•„μ΄μ½˜ 자리 - ν˜„μž¬λŠ” λΉ„μ›Œλ‘  */} -
+ {/* μ•„μ΄μ½˜ */} +
+ Shoptime +
How about these?
diff --git a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.module.less b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.module.less index e61cb045..cd166b1c 100644 --- a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.module.less +++ b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.module.less @@ -23,7 +23,15 @@ width: 48px; height: 48px; flex-shrink: 0; - /* TODO: Add icon styling when needed */ + display: flex; + align-items: center; + justify-content: center; +} + +.icon { + width: 48px; + height: 48px; + object-fit: contain; } .titleContainer {