From c7096d0f60880cf28a4da93d3c90503918f73f8f Mon Sep 17 00:00:00 2001 From: dharshib Date: Tue, 21 May 2024 17:00:19 +0530 Subject: [PATCH 1/4] add wishlist icons --- src/assets/filled_wishlist.png | Bin 0 -> 1473 bytes src/assets/outlined_wishlist.png | Bin 0 -> 2189 bytes 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/assets/filled_wishlist.png create mode 100644 src/assets/outlined_wishlist.png diff --git a/src/assets/filled_wishlist.png b/src/assets/filled_wishlist.png new file mode 100644 index 0000000000000000000000000000000000000000..3200eac2b474e25bc32c90b0d82922b569193c61 GIT binary patch literal 1473 zcmb7^`9Bj30LI7I<|s2XXXZ>oj!>_o(Hwi-W4T^ui$abFIdZ%sGv(IEQIb$(uUlA- zVsA{%(Hw1gk*27`%>C*gct4-_hv)e|-+$mCINDns5tJ4L002kO)+o#&alZlq9d`IX zg)WB>2)A~R1OSA@euW26QYr}m@JFIiW-hU%E2W+x7cHQJ6m^uN0x$E9am^^~$1(j% z1xuf-k}JZmYe?K@1ZbjmdT9||v3cCzHYJlkxLy3}T(1yuB(WokF$c52BeFpv{i9bK0iAnK?Qy%q%itj{Vy70=G{(#I_8{JrrA%p*ZPVq*)k;A?^=kRQDgI}sG3)?U(h`ME8EG3jgnHpnbhxWJ2Oow%WD6QV{6@Rr5#uve7T zI&+^OQUGw4?fB*kafJ19{vekK`|g1?)mgsznh%v7)j{Mje`dAag#?Y>Hxr9dKxPs{ z6{VM#fTo=Lv7Q0 z$ACHdG2|0R&Fd$b*Q6l3=o~|WNkqy30)e?C*LT^ z2&>rkm9Jgf$p_Cr0uT2{8XBGZF!+2e(gCe59`4=M7Z zdWTEC*>Z*?&1#c>``d5HZ%jF>o7<}fXTfZor3~Y=IMEq#jHj7aZZkX7E2*_IW$eAx zsi*{@zoMARn4KcGB<~?U-2{t7_6o0iTuLawBx)ERk12x~y)Q&j38nZlEx%G{}kK<0jECR>+*u_s3cgin{NoP21qA@Z{ zw<+odG{eDgvrvGJ`A;EA)uQE=vjF8(R?FxrA1KeMvv_g=W+X!`W@hfZ`lPq zMbHIr&S~xITDQcT8P83A?+{Q{>V_wv496wj!wiz_wccDsST1>t%yzdjCl)(r!Ik=F y!ruuv>Lx2&AJ5RfiRfEMf#ib~ZT~|cRJsqi+>}J%*vTG#G5~F1k7_XYP5l=O`LtyK literal 0 HcmV?d00001 diff --git a/src/assets/outlined_wishlist.png b/src/assets/outlined_wishlist.png new file mode 100644 index 0000000000000000000000000000000000000000..68a171d1dab76180a4c890a4f1c2850009fc0029 GIT binary patch literal 2189 zcma);`6Ckw0LQ1u7@8RkkA@-SXoyH|Cbpc#L+;qiu^hRFky|Zit}(>$A`fiF z6RUW);B-pZn7J{-IZ{gp0*qmXyaRWoEE{2b zcv^loY2nmrq;X;6^PoX*27xi^9yookRjK7OJOE0w;*D zaC7{x=#b6aKAzaZBjU&1MP`oK=LZ_{iRS&8WKD{WcXVFvpccB-BC)d#Tn%zf>f8_I ziq1ef0^FEa+I1mH(iT33;!2clck@7m@h5H7^muFAsoftBjcv-(#Jgu(s;%+ELa4hD zG+}rNH^Y$F%pTL;M}~YjqvnHYtJyQWgU#}}?ih8cA%nVaAj__1n7k%UB4&XHyeTu@ zL;z?H#2bniHPT~a>3YabGlWsKsF83Y;t}d&y}OP(!Zt$BlhWpU#F<6(JYvdV%bz2$ zBn(9?YMR8^B+kJu3G)SkI^8fR^cVNjW^&u|E~TIA@-*(R0S_qy2Z zPfqFa^ZVZugkp9UwW}lIKpT`EuE{eWsx0a{J_+{#l-qQ_d_Z6IEnskhJBv3xF)mB4 zP>eZh@5C%&tE_-c9k1)pD`*?~6hVdrwqxv6o2?yA$D!epeHxL(>||8VoC6-sox0t= zKAlfFH3=fKMAd&Z&7MiQj2_b58SxNJ0b66d|zP$qAwXOD@cX{auj_*ankiE&$K&qM6A z#4(mf5A4_i_4+!-o{K?0$J=A?%X3s&Z8KwhmRLKBRKk2;Y}dg3Rf@L3stQ7~#al}4 z==@2cTEtM@iqj&rZ96;3ldojFmkV80?7I6=BKPM07-q*UuHm9qD$;~kJOtouQ58<; zIEB4NI@!;hE^rMbUYvCSt=^!-JfTGE)Nj^XgSFg_HE3Hi`$BWEl{2XU-GZ*&un}^A zV_X{~mL_1Z>2;!MD`pkPh2+dTnDD^yipT9)ORU7 zA1YBvKycMsgI_Xb>`s>x>;^itSSc@c{P+|@;+##0sXV`q$Jdej0_{b$v9^Xa`y~Mc z1+k*X-({UVMqLe3p7t>h-nL@NepEmvFu27Z6Qu_RmHF6xonJz~Ajdjqr3Vr+Jo4dX zQ{@D`Lq*FP%_6-+E0)1e9%T5OuE>I!wP!noXDN_$gys8IM`0Mato9sB>sIf|(4>Ff zDp!5DdZUEY(ilr99*N&Fc-8 zjvxAA>%@%9*sF^!UNwipHWbWwd1E&1ro>IHnbu}`IcoA^oF(Zq`dx5~f@##e&|9hU ziVl*X?z=B0;Xdb~b!&~vFt8d5Zbwe)!{Ss-Iaa8kav-OtP4mm=eC`*w=D zmC~hkexgem&m!V=!eP67L2nBG>RR!BtJ2h(8Jw32X|Mi`&` ziu!l@zV)Z7)V>SHQaGH%;#6`F(`Vht9Wx6jky7S{8BXYFcQ575s1V$PnKuAG)x6O^ zkNwL!a`jE(5e!9}-~N0sK^O7r&%{aa)-Ad9l&bmPM8D2+Be1XwIV>j^-VuD64nAQ$Ih z{6yV$OTcWTKt-^huJJc;&YBK5GFIJif2FtZ0URVdqn#O%Wns8ml-x3vkL|~NyabN1 zZ?E6Hhe`fW%-OQ1Djmg-4kSOksZlwZ`KJT_J+{JUUtF`6=!dnmKf; zBQC`OG?8=Fa|6g&M+?u@p3ta%$FeHnK2(MG$nK*!_(%z446HM5#z(0})0auSBHsNPo$gN*S+Hb;abSO!-VbQvn&7n;=uS+YBx*=V zMFSfemUC5oBR5`=WnAu4+KI>TQTY7eo=|czi<9MQJqYnQVKQn!+zi(ShYDQzBH5{P kDiVMBe{Zlk7@Bm(qy(bkSA%3ufBy@Bkv>N6m5w9fU%$2tz5oCK literal 0 HcmV?d00001 From 17e4b4c4b84dcd0fa97cc0f6ee5d80d859c13bfc Mon Sep 17 00:00:00 2001 From: dharshib Date: Tue, 21 May 2024 17:01:46 +0530 Subject: [PATCH 2/4] update addToList method: item already exists remove it, else add item to list --- src/Context/SavedContext.jsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/Context/SavedContext.jsx b/src/Context/SavedContext.jsx index 267d3e2..065418b 100644 --- a/src/Context/SavedContext.jsx +++ b/src/Context/SavedContext.jsx @@ -13,9 +13,10 @@ const defaultWishlist = () => { const SavedContextProvider = (props) => { const [listItem, setListItem] = useState(defaultWishlist()); const AddToList = (id) => { + setListItem((prev) => { - const updatedState = { ...prev, [id]: true }; + const updatedState = { ...prev, [id]: !listItem[id] }; console.log(updatedState); return updatedState; From 0eb57c7247c9391644bb64d0e0f9ce342542a9a0 Mon Sep 17 00:00:00 2001 From: dharshib Date: Tue, 21 May 2024 17:05:01 +0530 Subject: [PATCH 3/4] add wishlist button in the item card --- src/Components/Item.jsx | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/src/Components/Item.jsx b/src/Components/Item.jsx index 2680998..a86b1e4 100644 --- a/src/Components/Item.jsx +++ b/src/Components/Item.jsx @@ -1,13 +1,17 @@ -import React from "react"; +import React, { useContext } from "react"; import { Link } from "react-router-dom"; +import { SavedContext } from "../Context/SavedContext" +import filled_Wishlist from '../assets/filled_wishlist.png' +import outlined_Wishlist from '../assets/outlined_wishlist.png' const Item = (props) => { const { image, name, new_price, old_price, id } = props.data; + const { AddToList, listItem } = useContext(SavedContext); return ( -
+
-
+
{
+
); }; From 25a5a2b2cccc8f7126680a38e8ff3de97fc40ab1 Mon Sep 17 00:00:00 2001 From: dharshib Date: Tue, 21 May 2024 17:12:21 +0530 Subject: [PATCH 4/4] update popular.jsx --- src/Components/Popular.jsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/Components/Popular.jsx b/src/Components/Popular.jsx index 280d0b4..c8ef651 100644 --- a/src/Components/Popular.jsx +++ b/src/Components/Popular.jsx @@ -4,13 +4,12 @@ import Item from "./Item"; const Popular = () => { return ( -
+

Popular In Women

-
-
+
{dataProduct.map((item) => { return ; })}