From 49729ddd6beeec0ca3336b49e5b5775dc1c26156 Mon Sep 17 00:00:00 2001 From: M1kola Date: Fri, 7 Jul 2023 01:20:57 +0300 Subject: [PATCH] Tracker Auth --- src/App.js | 2 + src/assets/images/trackerAuthImg.png | Bin 0 -> 20637 bytes src/components/AuthBlock/AuthBlock.js | 45 ++++++++ src/components/AuthBlock/authBlock.scss | 109 ++++++++++++++++++ .../AuthForCandidate/AuthForCandidate.jsx | 89 +++++--------- .../AuthForCandidate/authForCandidate.scss | 89 -------------- src/pages/TrackerAuth/TrackerAuth.js | 27 +++++ src/pages/TrackerAuth/trackerAuth.scss | 35 ++++++ 8 files changed, 250 insertions(+), 146 deletions(-) create mode 100644 src/assets/images/trackerAuthImg.png create mode 100644 src/components/AuthBlock/AuthBlock.js create mode 100644 src/components/AuthBlock/authBlock.scss create mode 100644 src/pages/TrackerAuth/TrackerAuth.js create mode 100644 src/pages/TrackerAuth/trackerAuth.scss diff --git a/src/App.js b/src/App.js index 0dfef9e3..67b53b2e 100644 --- a/src/App.js +++ b/src/App.js @@ -9,6 +9,7 @@ import { import AuthForPartners from "./pages/AuthForPartners/AuthForPartners"; import AuthForDevelopers from "./pages/AuthForDevelopers/AuthForDevelopers"; import { TrackerIntro } from "./pages/TrackerIntro/TrackerIntro" +import { TrackerAuth } from "@pages/TrackerAuth/TrackerAuth"; import Home from "./pages/Home/Home"; import Candidate from "./components/Candidate/Candidate"; import Calendar from "./components/Calendar/Calendar"; @@ -54,6 +55,7 @@ const App = () => { } /> } /> } /> + } /> } /> 0dnNXkt0Wr9634#fgCFa*FShoX#yrT)qKthq&e5@F3i8iqnnGuF>vORi;*BgYaTCx{h*Yxp&Vtq)DzkH5wRc7|1=FK+$BD_!y7Uc_f!nufa#JKKuVn5rQ#teBwO> zM+h9rg&=`oZ5Rd4MmZs)7>tBM4sgy!Ku9V;C!om3o3-MB@Bebw*w?Q5nh!aSdgKJL z0`Qp!{^&BGyd- z?s3O}37`kJ6OcVl2*lRlFAphzdh!gKO&y z3`bI-qr$FI^!R9lu~Dd2N8fsGE~P9ra)MY9;KxA@14x%1{#lQQ>jh(wFi`A?_)CHl zA9qxUFx@@;GY|gpG=>YK>?q?P46h@2@c^noqm<$?5(;Pj2(MLto|8#7TiM^%MK>~`Ruo=^`6fNXAsDdKu!=x7{_&Q-h}#cZVNgB;7AZ+W1L^~2e&<| z7jh(!6T}e)pQE{YafHCRAO|td%4XN!wj&?aa3JrwjxfBUw;APJIGQ1bB|TDQXsv|oaH zj0Y)=losR08a2`)6vA-PSg8oddkS7jOQ#SW7f8uUyBMVGQu8kX^T&YyLDedn1{{DY>cGaH?8=2}o zi@~wg$O>V@l?^e`*h^Y3t@X}YkGvXjT;FN%;&s0bKOOl7?5;fkUBxmIm$zu5z~2Hz z20z$19E2QB7<_pkJQ@)E3{{aDA!xbMQ?ZgEU0h;ZqbN553P=um~q)8WNLX$>HNfc}^ z+w4rsukMDwN2nwFS#Dh!k$ zjg-3~hZ8wLWCWTIPKDgieZ(PXfCXxS?ER^nUf#JqLJe_B34%2CLk=f$KZuM#+e7}Y zRscl9=AcwIBL6Q$dyAZ;2&;2e7>68AH^mf)gm>}F_iSc8K18El^Mw4L{1Pn zRv)-|ych`rDQ5apFWE5%Ih@D|BFCx%3++H^iN0`MD(DP6k|6N-V7{VvI&y-@vEsp{ z!6De}wL2HGmS0W5t78)4ScSl^N60+^n0N=c`$_K~4}kRuzodn+sS8I9QP?*ue91 zFUmH^2_nbpf@PHCozBCM5=0&%-_N z*1fTu7!}^zY~tnzX{;FpGCTx_A6(nVQ@x`SN6u0iQj+RLQ|xQJtDdh#*#%yXyuqarCsfT9AE_^jbESXrP8l?k*?}&(R zp2~G6145Dh4|SzxOjQnb_O;>G_R0s8z>dzA`q+YyH<%f&9})wq2D^`A$Jj5E-#t1i^Rh z0e0<&ft1VGDnNPg?)_+;| zflFThKFDDpCy12|51L-;G-*YNqhy{vu*S-*Z&8lQ-$tYUSW4^BwKXCUE_*IkBok|Jcmf6a~@adJ=)l0>1a3|(mN5H8$4 zYkulIxBk=i>n?fIF32IV;s~NLKK>%&75*Dmz1I^$H>vPwv|Ae414}zodTa1ugV%Wl z0yQW%tJ5<-W{u{5R)BqVczAgAtQaI7tE&k7s$T{E)o%jK%!SfJn<2_~3)3r)@dm4a6gVj72)DU3{Jxn$s_adu&()$GMP1zEfo6GR!flyL(6yuktM)??R#&9+K@hYJMdCM2zmsWcohD$0R)9*8N6)4!;R?$kTi(lq5m3d+Hx( z%xAWjERfy4=^HGb~h(TJAcw@VNf4EZ%87(FZpJ2iIxLm2X-f|o(hZ14>hq$D{&;0< zVqN#}&|gB1!;0mWA4G%iLz_Y$@qnT6cZN4%PR`Rv%0)!8xr8HRgOEdFSqP$1shkM) z#&*ay z;~0)o{BmX-eqNb?A{u`^&z#>vl#v%Vys{2*NGz#}!LPZ7@|_cFCMPF{_{d1V7^UFz z^IJ%Re~)^FlZhN^3y0L&`~R97*S1!-w1dn$_y8;qC-HE!OUxb|`CpLZuwkTLh2_9= zdWPV#!Oaml2zXfU*7xf4x_I z>C0Y1iryLcR?ou5c19KGW_-&7W#C@DT=ZeSI!id2r3G@TxQFn-7C@vjKtdN+-A>@n z%e2@-26AZ!ji5r2lN1Uco;h&nss2qHz6v>(9D)DF;l)`<4$tph=M*+Y^B?Fc!jEL zl%A)Jr%P8z2$uiyTZ^AO`a{58uE2ohbSUz2kCO0s&!a&@pat*Cvj-0B=-agE0m!kc zaC&(VUeMcGGbo@WQSu6~2BnK#^*VGTVGvE#P_7@GlFp{39>vH^5c8v>TZmWqE7aM4 z6B}N5U*xt3(YbQw(GZC8TsBw|I@JVwFZhJJ7kCl28uBE{=8oPG++aT(^fGA0b)XcTp#aV5;+pKyC(=RC6&Mw z5|dmgW?nQiGV(e+_!1l@2-T|M&#JTFb8?9|JQ~{Np}iy#2N<|Q<$|o%eZii^X#+UZ zi__4;cx={<{^~@lrKXPiibF8mwKWQ7he^XYsniRX^lu6+2(3}`n^5%|FjA|4*VCn` z7p9{bzMovh2+@)t@I}%2(Xnq*>ivrR;aSj-V+lc3mf(yKOOlA0!jLM0#vPpn4L%%) z=B$miJ0u4sQK(VNRz46x0CPQ`ex{y7INn}6y=Tw22exiqa&OD+`@RJK`uO{>0j)&~ z@!@hqY2R2}(K6nZ2{nHnUUTxF!^NB5B+o|=gCE3+f*b}mJBKc9G|?zIS)GSnGm|jZ ztic8}RvP!|hn(jsMu=2`7#|-WoE;gv3E$!QM6Tf%+YKT!LL}y=5k-70()HDSi3S@I zL^#S|x9=!Tqc@AQAT|N%7hSzCH;fgk1gfH(NV|JJg=*FHP%Q529vHZ{T21!youbJa z@U2}RgL0tE=6*n8OdQ}eg+BJJL&^eqhVq*XPlZuVzP1vWNE=EEF zVIc15IS(2$(dPm2g+=*KahZvq-9)OGbHe@1)I;s^Tb2D(?*narw!~qyUa_H;pOZY(q zAc=!x9SMRE?$Av_Zeh$nHE0Md(DeyPCyH?PajZ_nszuze-S0eZtjgyhx&R3ys8lcF zC~=aOanv!X%ca9d9(3WcJrbkx#qc3aU`VW<#G!#kRU``BIwcAZ|NX`(?}c0Td>Z!8 zJ%%Jvbx~zpc1QBW9-_5gk)hT>hNetXElJt|aov`P8&_6f;{k^?N4($X4?m-R-<4p;h z!_3~jALo8R4g|u66*idAmBbEOH3cL=1?h!x+Nlzj z??ZTE8mTP96?d)2*sP;L)dwQP)DC7e7Q7Oi+W$OQ|FpkGW7%x{JOIW(5SXP~V1Jf& z6NiO%kY*9n%O#xQ221Oqzc>t?U{kRh2E6o@sWx@@!KREZ3V~WN3-=*0+&Q@)`Xo7| zNe&7T)wLIqju99HF}`cpJ1M2V7W<}aJ!)tlAfXDNBnl$GJ3ysRW=s+xl&WAY9&6t^)G=PFe6m}dHo=y(B^x(d?jjgCd8= zr^euClLw)HKuHcQ$iXyQH6VvXL=Y1@cbu1} zdyW8gfANbr>Ev+h$dgd+?{BMC@Z_Yw)odVIQbcdf=lqR0TCqW%M2&_Tl7kSZqc$TW z1ojCC?GQrU2qX;EPyk|I1)dO}lRVH`MX<&GG@`H)Fs>2(*{pOE_t-^J4=>*bmG48U z7;+jpi-%~n=a;w8fIx^BuH2Nvi7_1InXFY{O;X09N(%7kT6oUFVHsI6O=YZAGg76OBD2ULdVWZdoH%Dqe6Q6C zG*JX@>kxL7p_q}o4-y}~v;T3JuVAjXE@ECnaGVD_GZ^%`hvzb~Rce@a_GN!Cbxl zbQnJ*hexJHq~tI(xDd%fAnsUj3}Xc^f3>`zyLaq34JC#%BpDb|f*(}osB(wI;m2W2 zBN0*g8B6xML0eH|p-BRkR1h@m_*!(YJXK51SyDpOfSD$hWaz4_I6?|wjG6gc&l1f- z)$>bCSJ%s?(g~#u&Z2iJB{L+4#>_;Ze&jG98uxe?h3_1A94gIpNkWi=Fi1W+H457g z?t(RI7ETVFLo|Gke{vf{hyrgkE@du<9A%{!L&CziCg(ixV2N~bOqD$$Fw)60X@g*) zJ9a!e5VWD#w5hxCB-*n@8s;VLjuysM%e=R8%8Kn3%&?b$rka>V;F=V|!_&0kRE_)q z)cTj8*1d?-7Nw%$@veP$!RHRV8yZ}VtT8Q#B-wGTr{j94Eotc>asNn?59mDNmN{Ba z%TcHV`itw}HK)7_p0oC4sc~9CH1aXjOKv^zBwVuTB?! zvJa-Zk(IaN`4K{aa{pp`IR>H)Z^}(tc6n@MQngK-i^U!!X<$!Cys%2C8B_r~82%BF zlav;wHHM@O!4&h|AW3giMV0M$@4^c2%$zfxzkP(->Zgf6*=g8P?A^p zOzY@zaK+$n!wplP4HMG7bI}$Zwz_3R#h-$Ie)PTYoEHQHAsTe2C=?2?8=COFL%ZPO z;jJ(bj&3xY^ z)1&iV>^w%Ga|n{yi|_6GIBfZnbz7laD8e{O4iBP1^2g)*pjSu^J$+E{7Cyf!&<1q_ zH=BSQ5``vXCyRri{g80vGA0K~l^v6Zs)UBfr68D>Au7IzFB@Q(s6NRmZghJ0$erqf z+8IVeJw}wSmPc^GAg45>iR4BjSEW@F4AG{S>qDd5N;4t{rY*Iv*?4?yDgW^H^SfUG z|2*-2SSZq-l&8cX&X^eux@}70AsKAwISJnU^bbX$Ys$RM zT{V$LPhF)@gbEd5 z#9clWOpzcqcAtXV$#MRCaT19ji9<*dk4)}`DvoaS4h*0{vUgFEgI>0%Bf`xu@ZFF@ zqTo0Ef||M=_qd{o$I^g+?wlk(Q_tjewf1D3ppYh{w>D@Eh!BG;OqddcS-~M<_Bc8R zt;^QZA(5y^oa7OclF}}0<09Ad)b3Fghoq`KnxmHt4~K_+7ONS;uS6RqVm?bqN6#u= z0Od7nArqFOvph#|gn&7haC8EA+a zeK?oIRASnO6} z4dr0OwN|QE6m^{NanK2ZwR3>d(v!ojYRH9z^F|=z4i!IEjd((eNtDa7PXwfsv`s{Y zE?<)zG)Y2942l?hKOhd@4@KMB(L0H7Q|}t6jywk4J^ip!Abty>uK1F;oAP5i7<2;= zSe(J+C<3Y&>=&qDoD&%#B>{+vOvB2|LkS|->w2>yj9_>ZW+)h0alttwa=rhH*u>9}{1!;)J*I*2EKy#w64r{ajOf)Uzmw zLD?HZNg^pZD3ai^a+0Ii^}2{QgN>vFQ=G+qB}Wn*0&);;?|xm9gwL8-)z~K?M}z{l z<2$jUz9E(#1Y-MxI;T`84QARS!YR+Px0bW^l<_ifn22U|a=n4_q&N>|Lxa$86vuUl zr(tg%OC-UNtK|nRW*3vr_roeq28$Bz5&f9l0>8N^$%S7#-Bir2nDQ|x9Ihf zMZOLJNr)dZ2s4eAwyF_aVv#GhG*m{T2?PvpN(T%v9W;W7MjK3mP<|VMaH0&0Bs5Tl zBProp6@o2DSPrlqsDcA`SwhJ~&fo+WpIOp_GFIvaN~vyegB;AgA_~8wp0;Kq zY#QAKBh@+RD)$}{l2B@eBnRA@IAq!kNMgJWEdM^M1^Elzb>mGx$6<`;*bY+4A0pm@ zg;G?wif8X3j2F!1P}!KPV24f1YMb0pIU-`vr&JSbj9yb4l)WR!SM8~G4kkfF*_t*6 zJ($oqJ#ac3=@Zf*B!bu}iuoo92#G<8w!S*|BPn86c?Uc>a345+B1n>J@;TZ!H{K$> zcId1z*I5-_b<+QYQ~IB4gjdm6`T2)_0DgBDlzaNXqebnfTs&deQlU=X;`b1$gpd}R zjbLjCl4v$|;xOzhKXB=rc0djT@)x=L#vA__-{Jq(M=}%{cpgmq5j1 zQAu(T`)1RRj%|YYLGM@KVBrZ^_22`hx)XAwLK4J<7hYJo>xP>?j1~61 zwu^PJegO?fFu))TMGOME(K4RoC9lN2d>be|UF~()q@_tNZW=Asm%|C+sd?)*55{z{6~c5|50~oC5LnB7 z2RT?v`(eD}Pdfviwc%n|JX#Qg=7X{vKb|H&58cLJ5(C|HRV@g7D;m;`p2O!a>Nu!gac@r% z=22283xX(NTzvOMFW4kOg!PZ=qh(z9I-rC?xRiPeYaw3*W&tn=V%xTD%{y+o>5nMm zPs7T4feJV53M6zyq9hTfde<}+BZfmj=FA|7D5e?}A>2t0dOS0Xw=IW@By3Mn7A@2p z#M6g-z$1=pvBGe4=KE<*Q@q4176v3gZT!1cKfD%VC z=?X|dNDYEmypSL~8cPofOxUC_El;S$joLoQ(J>N}=`XzEit#&cz4bQ=wZ={OL!Fs+ zqmm|qOf?}Pknv{MqMWzJEEt}3ySu;^H&A-13)6YH3(K@lwtl1dP^dY~Wc zQVnBDieS+Yuo_v>iNQYCpG{A9aQ#L&;mor#OISxc)bAS*uTHe6ilCHH^eGfM5=oIr z<555k!JIs~7gB`$IY=}*<fgj4 z>0A|VO9=4>krZLuB9c0L@bl?*1HG5kO=fx?vHlNMKCuh8I99}^dUuypqd!kHVxjGA zf`}!6q$ClhWD!JCB2k<0mOTEMXB@L?MHa-JK~R5$gi$DBDS{2$MLz2 zw6Q{@sFUmw%(Qy((D2{LFiD|Rim{>ERt!{NR3e{gxSzzqGf9XEs}<=*DSRdhU1ccaSYElO7Y2sc z1&jG&8Sfpv8OQTmFP^e+#e;Mdyuj2Vq;<O`iDpqeYzAOaDTMZgxW|w0=aCAc!|vIIMBtKcbdGYV26~x`*zh-={4`j5+?J@U zf&jAM>pQQ5+YkIB43yT1IkK>_uypp2Dw~7*CcX>*{plZvr9eOuJa)g}N*xV1!XqQ4 z_)VGk&4l->utPA&{T~*H%=G@;ZQCYs_viQj@P{9&%*_2B_JqI18G8oE_Sv2s!iHMK z>vuLe`wYffhrj6uFsw&cUjk<*mSXGB$w-$RV*dqQ8Zgxe`3Hy4$yZpD&EV;O!+=e$ zGCK{Hc-)1OfFOmnTehN3Tnux}4&i=$=b?YY{5&~EZ%iY1y)#%1aFm3>KDjPS}F1X+VAu+VA zQ+MBd^O>yCd?zF1O=7~BZRb$OM#0;tF+8v~3K{cfs8)RZ`Q4?jl5N{kmu&jckABn- z^Yi`Q++2y3O1#VS>cd^9Pn^8%Wci)ON~L)&^aR>5HLoXzin)1_b5}%w)KHQ*CssMQeYM5wFOVXfI(RO;{DeP%HKon4SR5QV z0AtOaFv1^&Z$9!_d>stBP=XWg)^q9$IxKyzg(RTrHH4) zMLBvOn;x4d!qepjk{aGq9Dr_bsn(wiBm$o`Y=e6B3kM&lr~tnoW0+y9e^AQ z!jcliVsYUmzaorD;&V(N+PQsudH>YhIoPJ2i$D4c@JHW*m184TKCxbzFaR*|nRcuI zhj1MHaU_XH7%BXspYU7GyyA*+SfMD=GWM#QAV)UD_8>94vneG5Dzw1BrW9!zT=!}P z5)y=%73y>Dm5+i&HjWHd6hY`XdD}K2+TRgwpMo5#7<|DobfcuOYXrt!&oWZRMofWV zki(Z22n-tg;`RKag;6?$ro{TacO5wBN#sH&%wRc|Z_ojo1k}7L1%A zG6H*|!G#YBuigflDLroY#Q8fv=vFznw8KXne=oOR!Sbs(h3P8P)WK9J-a4$ z?p#yzyGwloffEaoJ?rc0sz0=M@BEo(o_X|s&TI*g6GTQ}CG6m1N9=#O|HZ)6M zu&@p`mQREYT_?j}aXkzbH^Ojv%U_oZ1Ap1gp-Z~31|LW9>x9=&J>jJJ>h$asGRBiw z`bUY+?yfg$KOI=V{;@3nJI4ZYg2)I;U_Em-{OtAUhTWfpy_H|ec^Do)dSAVd|8Cv; zIe7ktUxCfttro;-|L*)~b!s1pwQk&1ASF1V=X5xI;9NMh{~XxReS(X4180nAexITg zBD`kT;NfwE&}X7(@pA4_A#w2P%!$t z7s1-D&27DE&9d2Vi`#DfBC+GpAo@n2g*Vow=PH%SnQtK*eWu*o`~720vd9S{BRJ)K z#uvV_-x>a8aN)+^fXAnQ2IJLzI1JZFi)u>#rfT0NvKGFGYMhpGBG8eQP&3NKKDcDd zTi~Srvy7|Ri)4;gs96=mNCv<6jBDYn;TJ*C>w-?9PwH!(bsUcq(v1xCTKvIYTbY`@ zcWz?hQ$3BwSILGAvv3SxN#|l5tq{G+Otta|9-P`D7PLdfpM^t}Ct+lMm+W1^?u@hs z=js&I5S|Hbo(9p3q2WQi0Gm07f_`ten~wiuuJ6_1=C zGGKgse9$Ww_u%X5TRMS0TRIErbr*+)^!RB>EUrxA`yOH~N{=kgN3AtEq?D0c>Ii`Z zQDBUnXfXZ#^5EdjaFik^hzuB?89&qW3J>UE%inP0w2pMcpooUtrKq4C z6NF6;76?^D5tNPs|EKx!v9}MMeDYCe%*+WQ17_xDUh4z<*Yp@Gr`KJM#=G!X?PCb3 zp@hUx;GS_GZ*yzf5{F424dbFan5C;5L0;;E&|#iZm>_$BH{Z}bH1q>FijW&AGXU-A zXSeKyGGMhg-0WC5S&BtzyICo6cIrq@GwcZQ@`Rn1B298|ElR9NBBZ4)gciP48JqZ% z?%|=&!%>2qAToe+|6JZtMO#V*BEw2f_3Hp)xUbLV3-=-ynfBVU;6SG1}n3fdjpzzTz%UI`O1T!xE?>X?HKO zfi4bo-ck6lpb z?2hbrxGUaReIGnJc^4!l5hmsaSYgE28PlA#17rJ?a;-`P$uOt$(Yo_1IUcTO2uFn_He##K@PIa!KjAu=>SI8FiGUJoc+q%ukpP^*Ts&PbwF*&^E|Sx}nxD(j92N(75YBFde> zn=7LeVu<`BunLhAL<>AN^VkN)`Sab*dnwj#N0?ad{?x(qVCVF`Fi#Hay10iOE=g)# zX$zd%cMhCBa6X*S^9)$meFF6G!K6DV2W@yz^Xw$yG1o>2WQ2Gsca){_1kKRS6TjP% z5RNk^m4Qh{DwL8B&yJ1V*Ec-;U07wvZ4fQ6e`e3GQ$oI$DKbwF7V|C+&OZr1Iq(fQ zRM{=&C1yxRwT4!e+P+TO#vv_!a-Nz;@~n$=!KSX0;LJ4_!Knk!gWlqh`x~q+T%%2Y z0<$2&hmyGz-{qe1*1dRIxpl|KHb}EUMAy>qOd%gt2DzW1joNd%H*MMps|Yzkw7|ic zJ>S5e{Wa}lwy(HC^sciSbT(Yt8lC@mv7dk$!mV^kYB|L;^&b4!O9!lZ5z3kmiLiDg zA@|hbAW|^K z#|G*%^ZUgo9$?8DHO~;Tuyi_3p+j+7*amu7H;6HZI51g#oDDR?T#Cr)$o>o>3r2YY zqTnHEWG{Q7JcOi56bm8=1UW&ZVBhSXHv{*-+|f--L?oRy z-jr09Aa)Qch9Y}e9~$MUSz{b3MXMe>i>&XuKUOuER5jQF77un3g>52f<6@n>z%s@+ zroZ~7g7>`A(9nIb3XmHqQ$Tq0x9p$!NHpB^I}UGIqy+>`@V$N?lz1un5OUDQNlH4z zn6HqC!=sc_<#78QN9mAYG=zsz25(0ajt?>$>G9ALk`iqcrG0tg3#>)f_Na%EhF5Dg zKZ*Mn!74y5K{#+=^1vyK&i|6PA<)CuaF;6eg_p(S9`rT(!4t!dp^A{O7qpTV)KS~@ z8(fk_s+=DfFNK=H)G%n$uHw!nS*CO{1LL~m3P6TA8>!%OQQg-JY~1+ou)>i`5DqlG zxpx3hUo>*L8mYRUr(fzQovbLb67)8E)K@O?FAGx$Z3$uLX_^*@)<%;Og*nVAQM zw{G17D-5{=Vd22cV;dTri;oGfZy!6Q@gAmzn|{aANi8K`kVBtTFAVXX=#7^cjolo9 zAXcr)XvoZ3Lbb#_S5gFnY*WD9fa_#@UCE8zx>uCA(Ig(~M23@u|dUCCVw%`%N3bmJmv zX9RVIg4=-Fni$+=)8A2R)y$Z;VM2Vy{M-0=f7`Qm;Ky(Tv9bwbcH+%t(%<1oLKXxv zZP@>d>cvo;Zs6;vV{nOczefqY`ijct=jQd*9>Xgkp~wkN;3Aj!ex|L`%o3BNlpg|% z{1k!`Cnr8e4ccAYEKkdNFrhI3ss9)f=Fw~ zB$Y6n!A67aTxtlCAc?e$cVoQU_QStOe&1)j`KP@@L-)cFz=|e_U59pEw6^ECAGRuH z#}BZ=o;XW!B2wbou`?b^5So*uc=WyO;4bDvsltFVdsZSO2*DYyU0VoA=y|p`^64rD zZ$l79;?BGmqU}UwxI7>ou2&YaywbAXo7fhZpY>!_OxG6 z;tjwu;aDIX8-8UPSan|05FEA#Zb=T7 zqy>;+ShxdlK8=6=SNEDVpN3_?Dj4SUe~iCJdxGe&&Mg-@Hc_^?;c$>mb7n$*y-HsZ zNqt2_xeQ0cf1vC#3M{zBA+nVO^EgD9zAj{tZmgCo5gj1)hf8}832mZvFPth>sPHU= zU`7Bf!DPB=HkK^p&}K?`K)hlS4E1BLbFkw9UZvs zwkOC{SNX6=tau4x|HS^QdkgEo0LzUPN;pdiR-FZZdOQx$R0F5lAb>+huHnz51VJFp z2nK+}h~t0%)(!s6WO#TQI>d^v|GN(CI%S}H!^4ymvMpMeP<2U!HQHL-3#0g7CIt!h1V)J(Hp)9qSR6=KqC>8By4e8M=DXoMT9g*lb96Zg=K7l zF!D*u-wXhEAs{uLE_vA!h0E{3NG~3=O3wyKN4#&M6EjbFR_%pxn}isf#D^k55(fu^?A2TOQV>r`4Iw%3lzSXv7I*7p*2oWxB3JxP|Aq}8hZa~B1hHdm$N8JQ zQ-5NIFRCGt1zlQ_JdQNs__Yc&M$drPu*|f6iTW9HW@aN~^m71&# zv=y8fvvmAu>9;VRb}c$)s!-~ECXI;6S(vSU7#ofUH?GCUTyF&7f-~It0=3gbIw9Ig zJfR!B-dM%4dWYP4Ci`6k!D=WtGB{Z2o8>YMmHM*;$A;9P|6a`eZE=+2>hjvPAKkuv zd&2Eu)kqNdFm(Ue)JTzZueGm{CF;I2Ma`Jrijr`2RT%9K)%{P%iqX!xA4>)CkYyk} zw38%gC_zwDl87^K7A_9fugB7W$pw0gwn!P=qZw&Ps6b)a+l_K0-yeb2BO%;8wc<#d zgO^k-T)$H*sX-kxYpzOcr_o72-eWG;4jzB}`@npn)q|Y}_q?^&TmScI*GcBUbhK@R ztDJC}s9My~{?LjXh+%9D8jMZ~hPolG?KFeBLE9SrvOlFMIhYkcxSqP=6j#|0XLdv@ zcRPYm@sn{#N;&m%n4|%rF;@}F>}?54V&Gxgx;mI3 zhe(BtuPL=e{KF^TSE$v_8hGY2DDfM5Uu@4Js9e$7-Eh zLPAv`*1;2Gp*NhUjk!o6iB>8_t839a2#X`jC>v+W53TeaD}D35*-}F~F_`zL#vR%s z>|z_d6TU|V$%xiBMIuQdK@dz^B|Ibyfa7XKdNl@oRL^o%;j#Ts{ALf`_$8N(HERPR zi+FN-`LKnhk#@3x`!ih#FuUtvIYCQCCGib}SkeNR=h-C*b9mDj0<|Or;&=(|^=%nq zwKcBo%m&d3^s>f7xYQM~bsBb=Gmu=IH?{0F>DlQE<;0^Cu^~D7Q~;McM_`z=h(fnX zL}>vWYRt@@yye_;=U3&Ll&5Y!<;#y9eEf_e8~U@LxvB=Mj?`cEX6rI8JWbiz9)9H(@nE~Hf`F*4ydBmG?Uo_eFSCuq6QT9Uvp%0ce{<#kSV zjT(Z_>c!_S$s&HBw6@OE&r`Uem2;BHh=-yCkx~zXggwF`MWm+Bx$~MGFP7$blqUo^ z$4NvlH6L30&+-JW~zHbvhWY3 zZPX2oB*HLxOd!EiTXf}yxc|Li~hiDku`WR6#j8A?W4?o*MHC%bv$+wrM_YeGu z$4V$k6b7Bdpw5WisMC(s5s6x9%QT&YqNmg9-te60=X#v@Z}OZZ8iqTb2{AEi=E?hI z#Zd-BMG69x0R#~H?PK}b9Vs)s29pS%~qP(cU*yZ3GBK$Uz7tpg`fSadZM zr%fM$=pwj93+?w7<@7utZOcgJ+%|PiiOh%cS2W|spJhT~0F0GoTNesFli1Kn}_Nay2{K!zL z$blJqh|`fA%0GEj5ro3^{Ce-W-KCAb2VQ{`X}1h5L!;iLHQ+-?8N)yu{girLl#>GY z@fY%fe@>?zj4EaUH1^f~bgqOxGe%ef~G*5Qj>i@#$ZzQry8Ipt2+_91MT zT`0)lFf8jLVy-R+PuNMMWE`#cxTq z3Ytm~PLj}jK^IAcl7{^uUy|B8o8h{RAkk9?5#o3bx90?O%b(R-6KeW*B+BV*HN;BS zEO#>Bu;2!H+MSU~nmF&*i9wz_Ng>{Z`Vk+y2tv7itLX&ry`z#Kjx_GM=bqw>x4XBr zxu--L^v_mD$R`YUg!eTGTaRab z*c{79SVa$OE@Kq`QZWWl#@}!VR|&V(rAmshiR0svUTGxUBY^YNfD1d zF+rg2w~-WLa_Gb^(N^71Bq2d!2|$IA&Z;AiMjA9Vf?LCODJF-sQ4X*qB15_%I$^uh zOeF+c-B7S3ufV>NMw&qyoLka}>iM;KG;*I%D}1SHFiW*yEHG9oDT2rE@Xnkdj#6BI z{q^4SpTE91GgRoV)|*|d4ut|KQ19W|m#{9qq_y2)VFVFN5-rpX68G2%X(1~?sD>fp zTVi%h5bacobV5>+gW0n~Tz-`|I6C))?W1)$qWLU_I%5-ro}_7%jMC>^8_x8TM za7hkg^L=$5PjbWKdvby}#_+RSZutm`AAd@;imx|#N=<@D5=d*+BNIso5MtOIh;|%Z z7sz5q(CiOUoR;6wR3b#W6ys8hh%G@xdsPmw2&+A8GD??h0GvJ$mhB}b2W|8s46{i= z9mnJlNE4cbaZmp7-eU~-qu&+VxB?MfR0!qgpn56BBK2EBb=HK~Lv~37&QhX*y8R?% z901Tfslvlp_9ynxUY66_9hr0Tq zqzlH9MoTA{NL#pAtKK+naKP;ukeUdcXmAjpt0S%V4m=#5+mpuPwDE&WCI22G>R~cx04JN)9e*LEp6a zKDjq1h+`3j!dF?N`IlncRgr^0uv6*<(TIUX5`?aHD5&eHTPTwA=%X(rvT1KML~qcg65isR%eKjh<%7VrVN^v3@?7=$Jf??80x?wzu92Ln62y@>3*SjN ze+3+pRKjS>?dOdrU+LsvO9hGuY>7c94Rs$T`NI^-%5k*guJ7FNb*yy1)~aErk7Ohz zh)gO+D4v5RO537-78ue4GkZN3NXkfseJ*!`{WwGoo<#dtoru&6LY(QDHW1Z_nQ>hw z5Teo|fePm;8@Qf7Og}*oKGSRqF4e+RF4*K4w?;uyX_6; zFebOifxF)0e-c7?E$FLPjoBsr#HIqv-oW+7toBKtk|6zXMrjIy+gWrHs~Eg3LD+^$ z`(1{^o8J)RkbJrv#~glo!wr9j{nuMT*3I@3Kw5ZW@)o$`DzxgsTfs#RZlfd^<$w%% z>IO_@XV4{|L_DcxkffBO5nsG4T&NcDp-HW5pg8kCK~5zj|s z@;T?f{N?wH)N={q7)Li_e=$$!t5K}o2tw=Tyv-dhqX2P^Wa!X)W4(9Q_v)I8?}F+9 z0g~j9C66qPE{LOgWul#%=?3Nn-ZnjZZ<0lD%(Sm>(QwUA+oq%EZ>OstCyBv4*2%%L zI|zf+$6gSUgUkyeW!?fNz4DiLaRJm zNisU9HuJQd^wWya?7e-ghs9;5p)^5Srt3<_d`B)x!93Sgi~G-e`4wjq5;=(E1d$`a zT{qtJ1*|2%1)8b>0GSBFjF(Nd=!_tAslwKslasPs<XO>hq?6ca%N;65GE5_f{lud$IPdbyckB7&Dn<^8_2sVLKUArnj#cq| z9$FF8dd9dC2S!J;k(l9GdT|rFaa6YnfTmi+Y^XJo>N^9=A95N z-E=YEd_U=pIZc9K*21xra?4{?**o2YW2dLo7M)1bjFLF!Jqe`v^7Af#>265*HFD&D z?ce&=y53^xHmo&gi1Rcl!VCjQsulnM_V6Y|aljbrjIX(%H)dDw=ZdSBK^M`}B?eb{ z%xm^DrJ<;GB=g6Vq9wZ4? zD1H+UUntI9J%1LGh_3^XqA7Q7qRk<<0%Ow-t*Mw*UM)g+hH*= zsD0dsb$fx5o=kO3eG1T(4gf%`qPV042U+2ce+Olu-#zaYuQ&iH$O$4x0%FNLc5vkD zSUX;&!qU_QcbGgfq=#g$o7QV58*Zx#ug6a_l%#Zd7J7@Tn3x`(qIxqdZRXb zdUKQ^xIZqpO@3)4Wba+%fM*9VrT1;80fX+WSLW!#*6x{z9!rKlS2YyJA0NKu!=jTH@}TZu%db z@xR0hw%J7xt@g=d`8O>qXRmCl6fV0%ntepiQzs1VZiA%k2A+nPC`gL*VUk09o|GW$ zXS8h*b{rgO_&jh@r2sF*EKk=mc9I1`e9Ha5u$*70^MM;*^vV}aKnKVPB1c>N$pNTik6`Mo+UfIV6d~yx$J9i6~Y% zOn%TM0CRX$5keF*AxX3vnoJlH1964GSF67No{L}gs-3XR$O$4x$N1UJH$SiG`)|iy z^tD8M>;qbpK|6A=drE9(U+_6EV%vKs-s{=vw6c4+?I7t=jBa<(8@Ejec9>RXpK<;p zJa{3dRS43Qf3x#*lB=P8sp4C3Q5!qUbzR3Fmi&(u_Ufi80c;c2vXZF&Xjq%V z>w8gV9>x8mjF6qQSp4q!FMHXeY3Xj?zP+!fTK!$@r^RT>RuPuP2GWX1I)SsdCosu5 z{iAa)zw{r8Hg7@3!K?S&aLd_f3V0r>Vwa;i^Ax=48F*h$B5gvdgz-nPSa+jIV+Swx zeCxt1wmk+b2suIISQQWsTyE3r%#XrA%~C-{&wfg)W@&7 z>Z&?)0DjLs#iuHjzB->NH0xDX_J-!#`5>$W}$Y$gyf6hF^&f=MzdUW6Zx4EA#P?Qm3=1 z7qM{=o+5 { + return ( +
+
+ {title &&

{title}

} + img +

+ {description} +

+
+
+ + + + + +
+ + + Вспомнить пароль + +
+
+ {img && authImg} +
+ ); +}; + +export default AuthBlock; diff --git a/src/components/AuthBlock/authBlock.scss b/src/components/AuthBlock/authBlock.scss new file mode 100644 index 00000000..6bf6ea1e --- /dev/null +++ b/src/components/AuthBlock/authBlock.scss @@ -0,0 +1,109 @@ +.auth { + &__wrapper { + background: #ffffff; + border-radius: 12px; + padding: 50px 0 35px 56px; + margin-top: 40px; + display: flex; + position: relative; + + @media (max-width: 1024px) { + margin-top: 100px; + } + + @media (max-width: 870px) { + flex-direction: column; + padding: 25px; + } + } + + &__info { + margin-right: 115px; + h3 { + font-weight: 500; + font-size: 30px; + line-height: 32px; + margin-bottom: 20px; + } + + p { + max-width: 310px; + margin-top: 17px; + font-weight: 400; + font-size: 16px; + line-height: 30px; + + @media (max-width: 870px) { + max-width: none; + margin-bottom: 15px; + } + } + + @media (max-width: 870px) { + margin-right: 0; + } + } + + &__form { + display: flex; + flex-direction: column; + + input { + margin-bottom: 30px; + background: #eff2f7; + border-radius: 8px; + min-width: 300px; + width: 100%; + padding: 8px 12px; + border: none; + outline: none; + font-weight: 400; + font-size: 15px; + line-height: 18px; + + @media (max-width: 870px) { + max-width: 350px; + } + } + + label { + margin-bottom: 15px; + font-weight: 400; + font-size: 15px; + line-height: 18px; + color: #000000; + } + + button { + background: #52b709; + border-radius: 44px; + max-width: 130px; + width: 100%; + border: none; + font-weight: 500; + font-size: 18px; + line-height: 32px; + color: white; + height: 45px; + } + + &__buttons { + display: flex; + column-gap: 20px; + align-items: center; + + span { + cursor: pointer; + text-decoration-line: underline; + font-size: 13px; + font-weight: 500; + } + } + } + + &__img { + position: absolute; + right: 10px; + top: -90px; + } +} diff --git a/src/pages/AuthForCandidate/AuthForCandidate.jsx b/src/pages/AuthForCandidate/AuthForCandidate.jsx index 1e05d497..14c3b939 100644 --- a/src/pages/AuthForCandidate/AuthForCandidate.jsx +++ b/src/pages/AuthForCandidate/AuthForCandidate.jsx @@ -13,6 +13,7 @@ import AuthHeader from "@components/Common/AuthHeader/AuthHeader"; import { Footer } from "@components/Common/Footer/Footer"; import SideBar from "@components/SideBar/SideBar"; import StepsForCandidate from "@components/StepsForCandidate/StepsForCandidate"; +import AuthBlock from "@components/AuthBlock/AuthBlock"; import arrowBtn from "assets/icons/arrows/arrowRight.svg"; import AdminImg from "assets/images/partnerProfile/PersonalAdmin.svg"; @@ -112,68 +113,42 @@ export const AuthForCandidate = () => { } }, [getToken]); - const submitHandler = () => { - let formData = new FormData(ref.current); - if (!isLoading) { - dispatch(loading(true)); - apiRequest("/user/login", { - method: "POST", - data: formData, - }).then((res) => { - if (!res.access_token) { - dispatch(loading(false)); - } else { - localStorage.setItem("auth_token", res.access_token); - localStorage.setItem("id", res.id); - localStorage.setItem("cardId", res.card_id); - localStorage.setItem("role_status", res.status); - localStorage.setItem( - "access_token_expired_at", - res.access_token_expired_at - ); - dispatch(auth(true)); - dispatch(setUserInfo(res)); - dispatch(loading(false)); - dispatch(setRole("ROLE_PARTNER")); - } - }); - } - }; + // const submitHandler = () => { + // let formData = new FormData(ref.current); + // if (!isLoading) { + // dispatch(loading(true)); + // apiRequest("/user/login", { + // method: "POST", + // data: formData, + // }).then((res) => { + // if (!res.access_token) { + // dispatch(loading(false)); + // } else { + // localStorage.setItem("auth_token", res.access_token); + // localStorage.setItem("id", res.id); + // localStorage.setItem("cardId", res.card_id); + // localStorage.setItem("role_status", res.status); + // localStorage.setItem( + // "access_token_expired_at", + // res.access_token_expired_at + // ); + // dispatch(auth(true)); + // dispatch(setUserInfo(res)); + // dispatch(loading(false)); + // dispatch(setRole("ROLE_PARTNER")); + // } + // }); + // } + // }; return (
-
-
-

Войти, уже есть доступ

- img -

- если вы получили доступ пройдя 2 шага для входа или хотите узнать - свои результаты в кабинете -

-
-
- - - - - - -
-
+

Хочу в команду Айти специалистов diff --git a/src/pages/AuthForCandidate/authForCandidate.scss b/src/pages/AuthForCandidate/authForCandidate.scss index e4df779a..0e204dec 100644 --- a/src/pages/AuthForCandidate/authForCandidate.scss +++ b/src/pages/AuthForCandidate/authForCandidate.scss @@ -4,95 +4,6 @@ position: relative; background-color: #f1f1f1; - .auth { - &__wrapper { - background: #ffffff; - border-radius: 12px; - padding: 50px 0 35px 56px; - margin-top: 40px; - display: flex; - - @media (max-width: 1024px) { - margin-top: 100px; - } - - @media (max-width: 870px) { - flex-direction: column; - padding: 25px; - } - } - - &__info { - margin-right: 115px; - h3 { - font-weight: 500; - font-size: 30px; - line-height: 32px; - margin-bottom: 20px; - } - - p { - max-width: 310px; - margin-top: 17px; - font-weight: 400; - font-size: 16px; - line-height: 30px; - - @media (max-width: 870px) { - max-width: none; - margin-bottom: 15px; - } - } - - @media (max-width: 870px) { - margin-right: 0; - } - } - - &__form { - display: flex; - flex-direction: column; - - input { - margin-bottom: 30px; - background: #eff2f7; - border-radius: 8px; - min-width: 300px; - width: 100%; - padding: 8px 12px; - border: none; - outline: none; - font-weight: 400; - font-size: 15px; - line-height: 18px; - - @media (max-width: 870px) { - max-width: 350px; - } - } - - label { - margin-bottom: 15px; - font-weight: 400; - font-size: 15px; - line-height: 18px; - color: #000000; - } - - button { - background: #52b709; - border-radius: 44px; - max-width: 130px; - border: none; - font-weight: 500; - font-size: 18px; - line-height: 32px; - color: white; - height: 45px; - } - } - } - &__start { margin-top: 60px; display: flex; diff --git a/src/pages/TrackerAuth/TrackerAuth.js b/src/pages/TrackerAuth/TrackerAuth.js new file mode 100644 index 00000000..fc09252c --- /dev/null +++ b/src/pages/TrackerAuth/TrackerAuth.js @@ -0,0 +1,27 @@ +import React from "react"; + +import AuthHeader from "@components/Common/AuthHeader/AuthHeader"; +import { Footer } from "@components/Common/Footer/Footer"; +import SideBar from "@components/SideBar/SideBar"; +import AuthBlock from "@components/AuthBlock/AuthBlock"; + +import arrowInfo from "assets/icons/trackerIntroInfo.svg"; +import trackerAuthImg from "assets/images/trackerAuthImg.png" + +import "./trackerAuth.scss"; + +export const TrackerAuth = () => { + return ( +
+ + +
+
+

Войдите в свое рабочее пространствоarrow

+ +
+
+
+ ); +}; diff --git a/src/pages/TrackerAuth/trackerAuth.scss b/src/pages/TrackerAuth/trackerAuth.scss new file mode 100644 index 00000000..45dec641 --- /dev/null +++ b/src/pages/TrackerAuth/trackerAuth.scss @@ -0,0 +1,35 @@ +.trackerAuth { + &__content { + font-family: "LabGrotesque", sans-serif; + background-color: #f1f1f1; + color: #000000; + padding: 50px 0 0; + min-height: 100vh; + + @media (max-width: 1375px) { + padding-top: 100px; + } + + .container { + padding-bottom: 30px; + } + } + + &__title { + font-size: 30px; + font-weight: 500; + margin-bottom: 46px; + color: #000000; + span { + color: #52B709; + position: relative; + img { + position: absolute; + bottom: -15px; + right: 10px; + max-width: 300px; + + } + } + } +}