From 92518d05eab6a807064d40c01be3cee623ee4327 Mon Sep 17 00:00:00 2001 From: Sudhanshu Kumar Date: Fri, 29 Sep 2023 15:43:58 +0530 Subject: [PATCH] Added the eyeicon for passwords --- client/images/hide.png | Bin 0 -> 14714 bytes client/images/view.png | Bin 0 -> 18935 bytes client/modules/User/components/LoginForm.jsx | 28 +++++++++++------- client/modules/User/components/SignupForm.jsx | 26 ++++++++++------ client/styles/components/_forms.scss | 22 ++++++++++++++ 5 files changed, 57 insertions(+), 19 deletions(-) create mode 100644 client/images/hide.png create mode 100644 client/images/view.png diff --git a/client/images/hide.png b/client/images/hide.png new file mode 100644 index 0000000000000000000000000000000000000000..62dc80a99b880f2791847fa8b105db150c8a3908 GIT binary patch literal 14714 zcmdUWi9gie_y3Fum93I}%^E^wC!}mc$d>F%XzV*N%xDqGHe)HNtmfb2pL4k zOtLT88H}0V%lq^FCw?A0=4D>z-h1x7=iYnH^LcLkT~h;=v%F_PAP@`GP}c$kq5~f3 zK&KgikDc(5L*V07&@HIdY2XKb`cWM4{~3Qn+aM5#we#c;oG!!42YksBtam@y($76O z>_MO#C@d^Y4(96>l9oFJu9ksr>ucq+Dio5s6 z%W3QxW``@>VEPM@HD5aeeXeClUeot`J#;#Lu0a2FRw+`9!T6$=oTsi4^5)H@(-uXU zJj)=3FU$%-1IMnpXtkglb2fX^#K!$-T;9U=cf*3!#=Qw#W1qAz6eafm@$XmeI4uwq zRa`5zVL`g=;_PDY(w$11jKW_h>65f$gdj5I+PYAbRa!f87-^07e`!mfb9R--zYQf; z#ukJ$gP09J>DJcrLYgH~{Gcf8_q8()2I~SevIEnqIqZxW)WU`poMGXxpq*8O*Wt*x zjS>rad}ibH*D$K9A6;m5r6NiUX2%F&vvdMPoWVgd(r7Vg)~#P=)W6$hp0C8AC<)7u z1?@Xo0;K$#P}Eba-3dfNj)l&F7?hxznoGM{bK(Bo2q|$Wffg6Orfu$IAF30i!W{)d zVSnDI%Yk_FL6f5%xS)~YFYOhTZ zgKC!k^`dnnY1aB~hNuySP%6-e*SR<`sI2P(@h$}DE6k`qMi0;FS~u5%8>CmJpHHOF z{J`FH--UW4{!&#I=z_YA>r0TMf2qHWNHCYtZ#18SH#FRwC_;<%hPvL*z5Bj%56<|r zmgSCqEyUO2t%n#<8h#)w_cMGb-WNY0iXfgJ=Nylo)%G)>YLuHSJRmex?9=t>QytDu zF;1~fscj9W3u(||w;66q4;JI6MSn4kbBw!*X>3lK&HFUI3KsS6elvAuiec)GU90tI z-L@YXsGhoZn*a3bU@R*_h=6W8tj`Np@Mnk7_OcDAR4)Qs$19Ho;)Q9DVQ#j;@*+lU zYhjVNvUB^FSQun1sYeOFhQB+jGn$i&NC<}rn|O2jpY!L2DQ-T%N8`VLdq!x;6RX;f zR@+EOojM<(yZc~)cpa##CkcOE^oerWHbx*qSGxBZUjCQ=ZGWj6k)60LU^s70gGv(_ zkPzfT?Ym*3(iYOHECfG_*AxBlCNx>HX4_B74>ZCV36=*ro#v9+8VG1(9c06aAY2vFNfYK# zFwdZKmPl0V*>uMbI9teiL)w^HkUJAfhcCaq@!dM-FYT}R{<}bPf zX8I4Tb=%HC`e`l>d!-)~%|_;g*|aPQ3A*-v-^Dwln~?8MUahXO!Lu6V;X7 z{gpQu)0$@+fH&UXFPThgyd(?px(4>R;-xN5ZVE8p$kF-LTJ@4nNetpyG zaaxrtoZ~9G>=#fVKy1U&MRrqLx=Zm|7~Q(0Nv6Oc(9t4>m`rfy1)A%_JN8>*upcA^ zL;j7DycWLvh--Y|>>FU0b&_l9glAlXWY;?Bee`mS3TU~j7@K~m1-inj#R=W5=T~KI zxp8=NmIbL^&$8i58br!IP1du}{B_{b#RoERQy~q;Xfw<+2qj<->$V3|R6tqZwD9p* z>!ZM_pH>!8ZI$AM2fnkr$vd?l?XpdBHTU?5>L}7OveWTd#S|hC+~M$9 z8tn`rqdtYx5q#gkPM5)jrN;9+je3WmIB2e5sPdv7$~XL-QTbA1<_l3oQa>lY30T!X z)0)3lZ7rzKvNjm<9p^#obXvNHsrLkbg7!gSkg&wrfm9ltZ9};1b~Sp4@2LRN5vpJm zDzLr329<%9+X8xZ0(x-^Coa;MYl1dv8%Cvp6NG^@=DoPMPA4cVn>-;=5A_KcyY@?9 zoNb)z4M(uUa&9i7KOFJ{{xYSBBPx0)rlHf0bWb^Wrw}pS8EdnZHF1Z~|A~r!hs}O^ z3{_#Ey3h6aQI%%DjyOz$Fv2EF+tyxc_rNxEI8gK%2S!TlPL<==Nq$v-u|Y8(iS0W% zb-ewOw5%JNNHc|agrWh2t;F^GKSlG-4X<61P5IZfC7GCdq{^RsLlZv_LLN64T8l}qnV7T14V!;~1yx_FI?Hu@J0((( zZUE#IYfLB)ONa?e@f9AsKzuLix*$*g3!(}v#+aNSZ5TsmkpFK8ho1)F`ose2=aV?! zb?dG%ss-{bo)OA4pi4VF`-THQ1||A??A-6RXy#0vW_GwmQF2+3SNd^*#5;ok1@@_v z7O;MYOcC!L%eW)a_omujlD)nRIG2BTi#PE1Bmyo09NF+OCoNltkX`CG^t$XtDAnR? zsASa*uBgog)F}Qf{@SrsxmE28tcumb-N9e#tYoybBB<@9qMPjD%-|&zI)rJ~*5%RB z3k17^p)pI9%^v6SAEEf#{`Q!_*SOkyEUj;#}F5M)bLs; z^O22fO2g&x&x?>$^-U3y4)9XCj)8muMhq^KU8Pi9JDp>yPR))vc4afjngVT@6XNz4 z6WUiR83#b2a@cw7Va;}R*Z2TJ(TuJ-{>EjPNH!f&l6tFJWWgLK#9nqf8h8!baFdW9 zmcm!o6r#JvnOgG5Ozo>v&%=nG@)|VHJ7WjQ^K>qgZ*HfdxP~c>6d}54rteou2e7TR z+tvCdxwOasz^rU)gjj#IpVQ1B1SIF?;k{Aa3M4wl3@iiehQry6t44OgFdM?1G#_MD z*CRQY&{?Dj@<0^f+!q_vMi-vbkhu02@G-Sqr2OUmHT?Nt^9FoZzyn22_Lkab`I#I5 zFUyhplqqC-Vh-V_v>`|G(i2KiOzlSsT|m5ac8>nWWc&9 z`4Y*Ow1Ah4u^IZlH-p4^-cck~Pg2;IitkDHPvfiOao_rSWwD77X~{k@e`5yeGEv1& z`pxK`t#ca+q`&w+s7ham+k$hVh&pY^;nbD#y^T>$gOq4ef&A9>x>pUJ@9ej`vd`RL zQ$5r2bf-b!w^l@dYwGnJ!w4_)OtU0lX!VuxBWLwf$-^8!p@_ZkzbzoEYO_CPB{I|5%sGy4%q@~}E`7F^_MQ+t5@Dmz( z*HfqQy3H@kw=XX(t*ag1dlUoMfVn&1Dl6f$Wu%jNA1iN!%*byP)aNy%bUmFZH*yST zSlW%Y)Rx>uWgBA7gs!*S9nE{uJkvHO5asZ^`GFA&C?}YU9TCHoyHZMI(`WalYdb^s zo0+^hV9S=n!aruOwEta_=4rJ#t8Lzq_&0mxohH;wY=|p7^-0#w$lH~$vEqr>4RM6u zoy{?=b9Mw1%U{MFhqKO!U z>5yK+t64NcsUQy!4$Zlg4{dwZP;M10Dl1)q+y^VXsuVMUd65+GMl*wm;jPmfW7tvV z1Q%dZ9Dqr=p`Yb0bDXSwsoyrqH%D(Skl>2W?e}Q-|p|@&Qsibu&&%ka@?y#*{lg7HL(EovV4p2QXYD)-niQr+;_+0{zJ5K~9 z^zx`y7cn=#W|Dcydd z1w-EUl^96JD@dyPomhgL8I^s`ivQ~G@C2mu1>*RtZ%^={U+*PL)W$VD^4n2U8D4-9 z%AXecK~9Wd0a)Y2FO3$wUK*r`89rN_EhGG5W^-k40C~i@+rc19_GHlZ*`34mW^WKG z1(m)%B)QM<+2B5~g?%XRL5AfMokX+a8<-V*r2;;rLlQB5pIIN;|_Z)2-H*3M9{{AtVR)RkG9E^ zEg?VF-E3A>^Y>p>svGO&cZFI)=$B0G=CWDf&&WZ(6Y0g82WGSBBQ!KV5zne;^SU?S z^v1c(#9~a&(_!=SIu8Hyn+sD7GA2=5m~YW|+0L;i+M5#j40+Jwdq=$4qxi|Q)f^`7 zY+2VdI!9!DmMI24tQ5x05Tco{ME_;W*u8ht*>zJ)H!3#lh92z|QC)TK91~*4sAwKx zmdEe6tv+cO);~{6Z4IMx&D=yw3+T5KFTRZ^P6TG`i9ijCyglUQ`(+UPYaG3^!~gqo zME_DtlwW#MKJ^(2sAwKo;{3YpC69@(jcZ>{a zF7D+|Lv&3vf%v9<3~Y8D@h_qWaraBD0}wm@C_2Ea;e!g;u#DQLoXk8);Z1??Fms2~t$z8H zxmPk>H%d9pA}o)I5~rw@?;Cx(Eu$f)SfRnX z4g=Pdd2Jk>YW&VxkPpM$psd!xz8@Qb#e3(&syMMTaq_InX$s$_Wb-657-4%W>aiyT z-yEk+b9=DG4f!Wbo!fQzpFh`QhWD# zk|OT%$D!9t(Ojt=jVgcaXXNlbieX?045ebTxf8SETc5ELe@9a_uffh~2f8W|mXaZH zZ`U2I?`Y5*6TRh1+9;5bV7E_=?i9Mzk(cl)7tuJacRc;C3Y6!l@22=G2x;AkY4hFk zB8*6VCG&6kH)E=yke!qp~w0o|j;G@L>Bzu|7kuFET!T4$Wm* z1KWd>z9W8KWNq0Z3D3o~PRwiHEm?x#&sQP5n?CQ*IV|3m76K!{+Li8;8}XuytCPMK zjp!!w>rJFzIeZkHrLb{i!kTA5Eu_BONT=NorAkjeB;A{tG%0!VlvAF!nGcpgSVaGT znRW|p^E1=o#5y$Zq=(=qd&`l$TaCDKi{@T}(sp|qJx%mQ7u(;O< z-l&pcMlGK(9a#y&&ow+&{>4n#`LJlTuIMr2MRV{rnhv50iT9h`n?d6Wt`s||fQeU1 zc(*J|#O>E8+gkxMlbw$~aE;^I3dWMmsIQvXce4aGsDb5|g#3g%P#XPg0p-r7O%gu! z{J-TSR#aChDmB|Sa-kBkU-*7^sQ0Mz-f$$lEZ2j-{lfm9OH0N{b~xTiv&PzfmB3)tK+(W0t3qZ1xw4tA%gbyx%L)>SLgty?@tK z$;wXx_HlU8XiY40DF2mT3V(MZGuZD+{SPJAh3Y8*qbTKbhgw%p1S{nFC{AqN))oS# zVfHBt%`}|U|D;+~pB{RPQ&LgO`PZvOJ1%JSthLw#z1K2?A8}*q103VbL#gH2uE^2O z<}XWizO(neV1A^48JU3AE08^@GS(4{Enc&;IkndIthbH(JFiYKqP!v#;uY_gJUn-v zpvBmD9kXMk*}A2EaP9G$-FKx8iJ8f7oRFsPSZFb;nqwO*$Z`#vT5O+?yr0E>l5g^=6QrXsTb&saiTU^Ai9{vL2^2tVRag z=gK9cyMDUCwEWpO(-j@HPAa_`)KgJ-;PByV6}<*R>6bT2WM*mS6STHhkXnQ@7xgxpK~zE9fG2jb>!rS{+!wpEO>&&Q5gF z-)0ogR0?AyTV}6#+tp%=P~Liw-`&H_3^54>z~)Y`)IegvwKayQrl!6sMR>b zifrCCiFX_`Lxki$=D!7Ep)O&6^`-rKAC)&I0asuKKNk12ZU516X55P)b@N;dtOHC0 z0FSNf_&L#bOsjW8brc=~F4@okqJi00$H`epjLQ2)8t4+qZy?{_@@tjd%36JA^E*t2 zQ!kv{kK={lGk>-4ud`~3?7D);teaz>t)$>%__dxR=%0mC@^Secj{0zoLt;_pb+%CI z=$ldi)9&DTa(8)>Zi~BG(N<6_%0l)#tuOyBdM?zZPlTzWxBpV~Qoj;@9vC}F$6j?8 zd5r2B6h;at<337hT1f0rmgw70kY40dxcvRmlUIkwR~MTFjNtZ%PnL>adjQIp0Zw=W ztP*N@to1~mi_#U%)S|gW_ge1TqbK$_dMnQ96X9)wF;5>bm~U1aX=Hw`5Tx{oWE{>^ zqE8gBe0=er0nf#Ub?`>aQz;pYXosd|;f_TY;Ii=M-T(qm`KL+dU$ejfs^Eo?} z{VB#Q%>enkRW_xrDQ#Ri#Qi{z`48Z^w*sDKzx?eaD>t?0iW0Jihi@oQDdXw$kCQ%Iow|A73%;ns&noZXSNWzl6MpLsTWd+XJ$Hf$pdtC!K zUcF%I7ra-6mcRAP6Ks@TL3LI9)?N>5gz=VuEG4OI#a?L-5$|K~k?!1SG!7_K3g{m0 z{I&c2GW6&n*{94y_9(%c6(p6h;L*q!mx+ z7*j%&%}oUnH6PIoXLN^!X$m=*~7NyWY_@voN*ze zs?h!PPvFGClGZBND1oK3slL!i{sDk-R+!%dm=_202Wl4=tY)g)H*L>+hlHCjFe+$` zLFyyRV50+?olT99UipWA{x2YArnI&eT>epv^;s#b{7qtyQCy|C4_ig(eSPo9 z$qtGLXD={}ZehSM3Z$p&59P5{N>c6kv*p1Qk!KK|Z1%_s=h2bChm(_^w-WAi8ywjb zE)G%AZZKZ#Qba)4{F)s7pLi*X@MQN-7Ffdk!z2sutuwFlKeXdR^MQ z>iUl@1TC0VLiTc<^-fIi12uns|0gF8$Q_fNTn?(nZqD`Dp|9&7GLngTL?8xu)_;My#(+anjXoSDWtaErg{z>$5SUHVzH_*v?w2xhfH8Oa z6}iW-+-{zrUVnp3#JO(Z5F-}|k7?>_(Fd3PulNH)v-5a?grJFjqD7~#UnWHjFusPSj^-rYBJ@}hg) z@62f%;Wp>m*;JL#CqILQZzU@vlUpgeOGQ>`i{N7PoK7*f3oV10)xY2d%MGvP!+R#} z3FA$>s@E#O69?VuapXg|4Ium+5=Z>|sE)E}#i(T%{SlHhADY8Et}8Fu;j?xxLQ2Jb zL1=xgb8Kln-O0$>M{ZLgTcQs!{Apq5_BX#zPls~Uet)V6-2)uB_JSP?UzY{UOUtTOgHL>Z&8TMtl@QSCBwH$Ipw?6w=B62%`S zL^iLc&Aq_dSPz9=MbABVVk)j|dqr-t>biB`cPYDMkpuKHM&(4eKe?UFMLk=86N}wI zAnuiuT!5=JJ~;XtTF;)|$=Jmw9LnZ@Ub_XiZ%uwkynHaBZI;mUcXLq4!N zO8&RczGlTjw!Wri3g>H0RurzW38g-nMBQ-ub+7T?^WO9Ah@Rks!n(83?hG%or6tp> z{nO=MipRWs`>^-BBB08?*31h0&B#w{GkMAAKXqkWU$$Q5?WuHVKf7g`ajD$#r}fug zugPC+V`DIT{;Q$X13r+iNXPU`LtJ4w1`;C~=XcxEad6(*43xw7bihs7l_ftyP+2@uWw|wi`o%CU#fG#JfIpc1eNDvP!UVpSZrn5Qw zfeZaGu6VZxrxhxkJZSs{zilj6@k$8<&jma{Yu|S-8>vSj+%VU?#m{Ex>oebxtvznO zYw?!+g=W;^E**p@OvStlB zDL{!jg(r88`6QxZ??$zu+6*Xc5TPqoI|AHd>-6Vip%6}IXTa_DS6eGP-VEq=UvSp` zFm;#J@{h3WuFshzOPAp6x6%u#pJKx&!F_SnugmIqRqHCx-hJneR{1Jn!k3a+8Up$&2Qqw zCf=QC@4(@b(x%eE*Pq!}j*RxEb1;R^-N{@*_8XT&I2QD0CXEDK7ubRfEei__K|X9E)|=-?^j(Cd!( zES_2WI^UvNO2)>lr+hkXWa4SyBCxrJm4j{Hpw+U9VPX)4zi=ZLDx499PM8FVzHDP@ z#Gk;A5X=?KN$3%WIZxDIK8K;8ZSnGP+Cr{D0cGO%a7p4c`nA}Y>I`eJ+Z&y%LT*P` z?(B2a^37w7B=TM=z;vkqP{x8QeEP0u{Alu*Z;@fRAqNwd%tm5tgOpkDTnK7E(~5DK znBLi(>;NQ0usG>NR|l+%vn1V%-lNO7K-4epW5;WWkLoNX3FFoS*xllIqnu%HwM9Cj zX1OsGmGSI`f#@AI9t>NW?c-fx3+){AkpFB0`Ait z5;0y|l6`JiJj1@-_Oyc@d~#8Yro(GIb~-3VCa!wKw2m&^S8X(3u)idFay{d`291Tm zuustd1DsA`OHj*$H;fLtCxx29_Gy+Z0ighq+7YPH6G++!EZ5QWJoadY8O zo#Onc&+YH@1L7Ty!6-?nm#rcp=$nV%zoi+In@;m5t5;5B<}oetSPGCXCnn1F$+WgM zobl(}Tq{5`4?UGFB$~qY!nVIeK0eW?ErzUY9s=JYjx&DqYbB27+;tinEwY`}(0^2r zV`Zu|yO7Xn6I!ylBqIbFas47S>9om!WCyxyIp;(O=lGfp1|T}0f?-M;1IuCdz#S5N zMy7rE1|7eJkx8k&0f2^-dj@G8NGkM%;fdod%g%!CcQJ20zF=XM*%=n>Jocxi0Amiz zdKvQ!NRtU!G3ac5dEFHl)Emp2y!#de`?Fum?H6!q4Oh)&*32UMd7>_;_kY3b6pcJ@ ztyS6OxijGdn9z9k4Xy(o%r3s(s2mdFD*?+KTip8r%M)RF?bj$;HkN$g8cqoO(Fu!* z-X@YbMi%~%gn+dZ;>)=aH8Xjugy*xFKCMvh=vuNnz5g94rFW+NSX&6)8U_6pJM<&u zK(mEyye%#3ZizBD`X=0dQ9?)_z?@c3&6pXf*wVMPoV?0|YVK|2$#v|Rv7U<7p&Tqq z$jcN-jFkNv@yMe+?tm}@kYb232%bnr51af1Rm;7T8~MN<=f`*q9MZB|J7<<_gBHi( zA7A(0?Vg8d|A(U`7_K?8zoE~$O@S^;tRS0#Dwe<9AsGRfocv~^Higw+baSC#a*D~@ z`c_n_LNx9xEYd>d_ zAV55+*fO?ZU-v$K#+AZp9H$lkdp=V2N1^x0sU__A#lvD2`fZ>U^NCNokxa$3aI#$)DZ$=i~N%Vq} zfL_^bndUq`JNnCN_ZP>oetFVKxrn?b@U(6g+Hrr3!afK2YMtJ?;l6yZx0oP4qF2$5 zA)_aZ|B1`qFQftvgHTY+0-X^3`}{nW#oT%4fI`e^$-9H0Zjn+wl5yG}+8?Qz@-1iP zB62=pO=^Ht96ARRP3^v2)ONrR=TUdM5&&wC?7=1T$ArI)MHq)Rg^*QHfR>NM+YHp+8y5Ybpp`1h3x-Dg;F)k3pSc^*2g_~BC@Phv$x>V(;gaxV=FqP1rADP@@sBgIscQX=mU*X`RbI)54oH-IRmW}B$W20q%g zE?oZk0Gs`O5vV!Zg!fd%*?vYjG3xAomY07l-U}sjn@FZfqgNDBV6+y3`9P?%fF<}Okue15MEU(vmHYd>$tX) zHH!W4-Y5sq6-?^u9CMVjW#u2TNi659hYrsb3`SOe;8WS}=_&>g+i#m{XBZg)Dv<@) zo(FD^tn>f;#fnY0C_Itk8ZX?iGj~>|m%G#vu!F8g%D#I4CJSJ@V{>U;AJ`Zv)=Q@W zP#O?@0vay?L@zCCUG?W~VNz{deASaveO&R!i6iA9(j^lgoRY#IPAZ1f=h<|HRjtlU^P20Jm^(RIwKHH)vz)szdTiEs3S7_L^6 zT6^OEPm&@dw{D;Q74P<+`G zpq;V}F#FMgDm6Ak9EF}&uv7@-WsE^gCP1sD{%-~@_4(g^U(QU2fK&pU+CF*`z;@UA zOQ!o6lHE^}Rj(F~FP8z?Zc4yDH+$Worbv1cyl??AaMUl0H>Dp-eCkaHe@WK2)|D&j zz?`DYJG0;pN|?cz?)779wX6uUO}_rbmNvh?-$AD09RVDv-DSj|pZ~KGvnL?(Z><%J z+_&JI(?E>ewx7+1Tw|&da06f{=FP;)QVJ6cjGa1|!0`gx+JSP78z!V|;7alIQSIyg zqH$llKeszonhFACHYy)hl-&KV(wC9Q%w7A`8OFOJR4ltvdP*cLk!R6M9u*Y+w9L@%+OUQxflo)SJ8IvT)0*H0*>k zT{EL*5;}_NMFq}GK`Bqu)FpuehG=5yfXLJaMzmF2=OZij zKk-sOMG1MQgq?`cg4O0O>f1hw*8Oh937B(3 z7aYy7YT=@3(g{EhJ}VR<$@Ylp;<#SRZdQi(VpIy(+m}$k$RcPzWAq)ktE{?A3>!*4 zr9cfBSs>8VKgz$EjzPqpqB=qfr}6R=)el7m{c0qFMIoWH%u`?)yfM&wDWnn5;Fd z4^8`u{S;-|S3Z3n>*ilLd2{H)x$$y*goQDMqn~G2U0Egumrn~hp^t}l1_1Es5kZyT z+7G;;mvvwt#sFh@HiG^e!_f(tQy|C2l;Fx&KxvaTicLz!s-_?!U$p({JWI5ogvs{N zWm9%*a7Ic7PonRLo8x5~o%f_$)c8SWH7u7FNcxEPig`l+6W!X(xWPU%smo)_LNO1p z7B5oU&15IG^icw+3Iy`YG61Gp*u{Q&HMBeC6^pEZ4)5m;?)VtbWiwG^`?Drgl-W|d zt{c9{X3T-YMdcO7t{qtMXwa5f=osnNC8})mwzEq|u{v;!h)?fdd_`Lua|;kXSloLr z+WsrWNa3d4t-5%KyS~CH__IWt3k}SBDmO?1=SR#@GD^XW#ci z{5pq~hlLp@h$u>ZcvULI;g6Yg?=|3z!?E@an6%Vku3x(u!P1ySW-9ClvZ8!KQ~^eO z%!T7XZt0V8Z!c4fTc@+I50E81@tBS9)aZ7n^D{ROP1v1hu48Fc0#M6$1@alnUk99h z>SZ>pfjl)JouMvGvDBt_`VL8KBEUva0C!Mf5=y6Kmi6L%)S7iV?a^PU9t&9@dE>Lw z4*kdodA7P~{0#X*|73Akc_qX&pJvjBy{hq7GUhr!Wlgy75hgo}<$i0}W~6d{M0xsg z!rr}-s205M2JlJ4YxM9Jdm)rB_(4MzEsMf75Re!real| zQc8p-tkOuKe3N>YBtmIOcq5R2nj9LtZ}pEMZ_H26DC8=LLca!YAM;wJj4Ia0G(%J_ zAfoi<`4l6~IAFJq(0j(o9iX6OfPZ;(ZKD|v>2$VFeZn1Xf(eltowz~>t5%NQUJ;Al zwqa*Z`MIQx-n%lbU_BrqnPFXb=& zURd>Y^|7_z;HAX*u$;kIhdUD=ZxSvhf&U3ppC-P_#VtRUBt66Lb~@iy12`s|mIBO3 zEj?bF(9sMA7%uclrtNmXyXyErasRu6jWUf>=kX?;&fly%{ix;7c(BdE9w3=GoNwTF zX~Ja6Tg{)f*z?;+G;Hq<7(+>~=fRs}n*-U-Bid(kFsLS(46FQSF@143d;-7}_73qA z(A0&1foMtFvu$N1Ss5d#I)sLT?syz&4Hzl=6wVSg2tdEA6teR0mR0L%jx=KhS5Lz+ z(W|{_C=T6WyQQ)T5TlC8JF+w}(%A`>#-_y_$m--MPl{EGI976LQRum^ zMYkkPhjia1dl6!8&?M2$bHwd`>3zGi)q6=tM%2@jY#K00#{2S@W4tX^ZD3F|@uE%6 zTdboJQHM7!6r%NqE7t(J7KLUVjK^L$k=7w$-nKfJfpMoy!PHZ#{BQUIYGki6jkA#< zgjViMlHHM;yDaSYvnq8pwQ`}bN97oCte?NVzK|i8pm@7_oAlw$)~l!C9O1@nwBI2> z;z_lk8CC`5gqb$Ale=e`tuvuG53+cP04+%&{NQJ+dY|Ai=!q)cUOr^RNv523F3sv^ ziZ6q&h|e)4J9SFmPPfR!9W;r)_j=N8cJNrgPCiL4d5ez(!6z56>CSC4?{Pt?kW@k@J&q5c!lpFYE`_ z4oD1+0Q@0+s|8}2Bov}8#Cx!vdJUmvG=X&EfYr<`5)EwX?X~_PR%)*yFoUr+D@@Sc ztB`T;Sxo`yvuf*PQFTDp9E%2GIQE9gGC54w;^&FKXF7ktXSq;GPvsaFfd1MB z7#^*IYzYq~m|JIiiWSp;UV(~9|6lw9)a#02`I-Nm$!rOCDSr_dZwZ$7gkb|x6=zlk z-V_A#Z8%M(8I_CwpU|8%$)tsZva(OwtBx%^HeugV+z=orkDxqHa@WYSe#?1oK+bij zzQr0~3V=Upk{fhwBVvlq){_~?yZD2~mAPi1@2zT_h9&}}9H6^pvjeyd^5!MB3ures z7guKd?^4txkq?^qzrLX(?}0t&4!~SFKqzk%->gd$5|LJ3R8>w7;O@q51Pd8J%a<6d;yEGmBEL!e@y}{UK1?FF zp(;BIDZXh%`kM^-+*$`?U;g2*iK_A5zZj|7`|UbOL^+ro)+v}|rR4`YTtFiB0#PC zA&RU!=`Qyp{NLUlPtyBT;8My$mG|O~%?p9IBQDdR z;DG^Wz5g;*`~AC9wZpi#G0g%8_3t&lv7qw^LZ|)-9UNJZVp69}mRE)1)Nhvcw}BUd z6I4W2_&4_z{vJ+OYR9>8?J~9uX^SY(`1K8L(Bm%;t4vHu_i>~UV=PkAkT{AF z(@dS-~Vs_9#@?iTsA^!%nT)cTFU98M)l_C!HG7#AzMm5s{KN&Gjy1~gLsL+Apr_GrQxWmWcR5%LXh4kUYlRrXTF%3NrA zl;QU3V?b!!r!#EpzgoQMHwD^HZWVDvqR0c&C%V1*eGC55Z$Tbfo>mVc%xizR&&to} z0C-0ztot?tC|V#2Bq~Vn6n9c8JzQY3`q**S04UZk87hG!0y>-xls>7uaUc)R3ty9m zTCBj&{?~O6Wmvs{^N}%XO~cdw}wZdo=Jl9`*Lz(ENwMJxLH$&s6vQEtjYN E58bsu`v3p{ literal 0 HcmV?d00001 diff --git a/client/images/view.png b/client/images/view.png new file mode 100644 index 0000000000000000000000000000000000000000..c5b58c00a081bdb141607dfd078b65392dbfb04b GIT binary patch literal 18935 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 literal 0 HcmV?d00001 diff --git a/client/modules/User/components/LoginForm.jsx b/client/modules/User/components/LoginForm.jsx index d990299322..466e707604 100644 --- a/client/modules/User/components/LoginForm.jsx +++ b/client/modules/User/components/LoginForm.jsx @@ -1,15 +1,18 @@ -import React from 'react'; +import React, { useState } from 'react'; import { useTranslation } from 'react-i18next'; import { Form, Field } from 'react-final-form'; import { useDispatch } from 'react-redux'; import Button from '../../../common/Button'; import { validateLogin } from '../../../utils/reduxFormUtils'; import { validateAndLoginUser } from '../actions'; +import viewimg from '../../../images/view.png'; +import hideimg from '../../../images/hide.png'; function LoginForm() { const { t } = useTranslation(); - + const [showpassword, setShowpassword] = useState(false); const dispatch = useDispatch(); + function onSubmit(formProps) { return dispatch(validateAndLoginUser(formProps)); } @@ -48,14 +51,19 @@ function LoginForm() { - +
+ + +
{field.meta.touched && field.meta.error && ( {field.meta.error} )} diff --git a/client/modules/User/components/SignupForm.jsx b/client/modules/User/components/SignupForm.jsx index b80f53f107..64e6f2fe13 100644 --- a/client/modules/User/components/SignupForm.jsx +++ b/client/modules/User/components/SignupForm.jsx @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useState } from 'react'; import { useTranslation } from 'react-i18next'; import { Form, Field } from 'react-final-form'; import { useDispatch } from 'react-redux'; @@ -6,6 +6,8 @@ import { validateSignup } from '../../../utils/reduxFormUtils'; import { validateAndSignUpUser } from '../actions'; import Button from '../../../common/Button'; import apiClient from '../../../utils/apiClient'; +import viewimg from '../../../images/view.png'; +import hideimg from '../../../images/hide.png'; function asyncValidate(fieldToValidate, value) { if (!value || value.trim().length === 0) @@ -33,6 +35,7 @@ function validateEmail(email) { function SignupForm() { const { t } = useTranslation(); + const [showpassword, setShowpassword] = useState(false); const dispatch = useDispatch(); function onSubmit(formProps) { @@ -97,14 +100,19 @@ function SignupForm() { - +
+ + +
{field.meta.touched && field.meta.error && ( {field.meta.error} )} diff --git a/client/styles/components/_forms.scss b/client/styles/components/_forms.scss index d5eca026d8..0fb4bf4f79 100644 --- a/client/styles/components/_forms.scss +++ b/client/styles/components/_forms.scss @@ -91,6 +91,28 @@ margin-left: auto; margin-right: auto; } + +.form__password-div { + display: flex; + align-items: center; + max-width: 90vw; + width: #{360 / $base-font-size}rem; +} +.form__password-div button{ + display: flex; + padding: 0 2px; +} +.form__password-div button:focus{ + box-shadow: none; +} +.form__password-div img{ + width: 30px; + + @media (max-width: 770px) { + width: 24px; + } +} + // .form [type="submit"] { // @extend %button;