first commit

src/components/Candidate/Candidate.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { NavLink } from 'react-router-dom';
+
+// import PhotoBlock from './PhotoBlock';
+
+// import { candidatesList } from '../Home/Home'
+
+import classes from './Candidate.module.scss';
+
+const Candidate = () => {
+  //   const { id: candidateId } = useParams();
+  //   const currentCandidate = candidatesList.find((el) => el.id === Number(candidateId));
+
+  return (
+    <div className={classes.wrapper}>
+      <NavLink to="/">Home</NavLink>
+      {/* <h1>
+        Candidate name: <span>{currentCandidate.name}</span>
+      </h1>
+      <PhotoBlock /> */}
+    </div>
+  );
+};
+
+export default Candidate;

src/components/Candidate/Candidate.module.scss

@@ -0,0 +1,4 @@
+.wrapper {
+  font-size: 30px;
+  color: red;
+}

src/components/Candidate/PhotoBlock.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+const PhotoBlock = () => {
+    return (
+        <div>
+            PhotoBlock
+      
+        </div>
+    );
+};
+
+export default PhotoBlock;

src/components/Candidate/index.js

@@ -0,0 +1,3 @@
+import Candidate from './Candidate';
+
+export default Candidate;