From c9d216558e6c6359335de8ca7a68dae5e3a8a5d7 Mon Sep 17 00:00:00 2001 From: Hope87 Date: Wed, 26 May 2021 17:41:11 +0300 Subject: [PATCH] finished home page --- src/components/Auth/Auth.js | 7 ++ src/components/Auth/Auth.module.scss | 0 src/components/Auth/index.js | 3 + src/components/Candidate/Candidate.js | 70 +++++++++++++++--- .../Candidate/Candidate.module.scss | 45 ++++++++++- src/components/Candidate/PhotoBlock.js | 12 --- src/images/right-arrow.png | Bin 0 -> 268 bytes src/pages/AuthPage.js | 11 +-- 8 files changed, 114 insertions(+), 34 deletions(-) create mode 100644 src/components/Auth/Auth.js create mode 100644 src/components/Auth/Auth.module.scss create mode 100644 src/components/Auth/index.js delete mode 100644 src/components/Candidate/PhotoBlock.js create mode 100644 src/images/right-arrow.png diff --git a/src/components/Auth/Auth.js b/src/components/Auth/Auth.js new file mode 100644 index 00000000..6d6db3a1 --- /dev/null +++ b/src/components/Auth/Auth.js @@ -0,0 +1,7 @@ +import React from 'react'; + +const Auth = () => { + return
; +}; + +export default Auth; diff --git a/src/components/Auth/Auth.module.scss b/src/components/Auth/Auth.module.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/components/Auth/index.js b/src/components/Auth/index.js new file mode 100644 index 00000000..aa4087c1 --- /dev/null +++ b/src/components/Auth/index.js @@ -0,0 +1,3 @@ +import Auth from './Auth'; + +export default Auth; diff --git a/src/components/Candidate/Candidate.js b/src/components/Candidate/Candidate.js index 55c93a66..d7eb5e39 100644 --- a/src/components/Candidate/Candidate.js +++ b/src/components/Candidate/Candidate.js @@ -1,25 +1,73 @@ import React from 'react'; -import { useParams, useHistory } from 'react-router-dom'; -import { candidatesList } from '../Home/sections/Description'; +import { useHistory } from 'react-router-dom'; +import style from './Candidate.module.scss'; +// import { candidatesList } from '../Home/sections/Description'; +import icon from '../../images/front_end.png'; +import arrow from '../../images/right-arrow.png'; import classes from './Candidate.module.scss'; const Candidate = () => { const history = useHistory(); - const { id: candidateId } = useParams(); + // const { id: candidateId } = useParams(); - const currentCandidate = candidatesList.find((el) => el.id === Number(candidateId)); + // const currentCandidate = candidatesList.find((el) => el.id === Number(candidateId)); return ( -
- -

+
+
+
+
+
+

+ Аутстаффинг it-персонала +

+
+
+
+ +
+
+
+
history.push('/')}> + + Вернуться к списку +
+ +
+ +
+
+
+
+
+
+
+
+

+ sddddddddddddddddddddddddddddddddd
ddddddddddddddddddddddddddd
+ ddddddddddddddddddd +

+
+
+ +
+
+

+ sddddddddddddddddddddddddddddddddd
ddddddddddddddddddddddddddd
+ ddddddddddddddddddd +

+
+
+
+
+
+ + {/*

Candidate name: {currentCandidate.name} -

-

+ */} + ); }; diff --git a/src/components/Candidate/Candidate.module.scss b/src/components/Candidate/Candidate.module.scss index c494627f..d9da6fb7 100644 --- a/src/components/Candidate/Candidate.module.scss +++ b/src/components/Candidate/Candidate.module.scss @@ -1,4 +1,43 @@ -.wrapper { - font-size: 30px; - color: red; +.candidate { + &__title { + margin-top: 60px; + & h2 { + text-align: center; + color: #52b709; + font-family: 'GT Eesti Pro Display'; + font-size: 53px; + font-weight: 700; + font-style: normal; + letter-spacing: normal; + line-height: 77.81px; + & span { + color: #282828; + font-style: normal; + letter-spacing: 0.56px; + line-height: normal; + } + } + } + + &__header { + display: flex; + align-items: center; + margin-top: 120px; + margin-left: 60px; + + & .arrow { + & img { + cursor: pointer; + } + + & span { + margin-left: 40px; + margin-right: 120px; + } + } + } + + &__main { + margin-top: 60px; + } } diff --git a/src/components/Candidate/PhotoBlock.js b/src/components/Candidate/PhotoBlock.js deleted file mode 100644 index e5ca1db4..00000000 --- a/src/components/Candidate/PhotoBlock.js +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; - -const PhotoBlock = () => { - return ( -
- PhotoBlock - -
- ); -}; - -export default PhotoBlock; \ No newline at end of file diff --git a/src/images/right-arrow.png b/src/images/right-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..de2863c7d02fc91ef7f401b62790fffec1f2e566 GIT binary patch literal 268 zcmeAS@N?(olHy`uVBq!ia0vp^nm{bh!3-o9o|`5Kq!^2X+?^P2p46!aa-0HuLR^6~ zg`n@@w@*ML#7ctvf*G8)aDDr~kF8_6!0rWiWDfD4y!kiUyJfwlAW%h^r;B4q#hm1X z24*+4G`2+y%G}!0))ToRE!{*P1)n(SD$yV+#40hPBjm)X183M&c2;sQvuy~9vrDRR znG{sFXet*6pYBp8m#2ISf)WK6i7-v=dNh@dVcv4~R}$9wvq0YPboFyt=akR{02UoU AW&i*H literal 0 HcmV?d00001 diff --git a/src/pages/AuthPage.js b/src/pages/AuthPage.js index 4a5a111a..6f4ec6f5 100644 --- a/src/pages/AuthPage.js +++ b/src/pages/AuthPage.js @@ -1,11 +1,6 @@ import React from 'react'; +import Auth from '../components/Auth'; -const AuthPage = () => { - return ( -
- AuthPage -
- ); -}; +const AuthPage = () => ; -export default AuthPage; \ No newline at end of file +export default AuthPage;