revision form page

src/components/Form/Form.js

@@ -1,6 +1,10 @@
 import React, { useState } from 'react';
 import style from './Form.module.css';
 import { fetchForm } from '../../server/server';
+import arrow from '../../images/right-arrow.png';
+import { useHistory } from 'react-router-dom';
+import { selectPath } from '../../redux/outstaffingSlice';
+import { useSelector } from 'react-redux';
 
 const Form = () => {
   const [data, setData] = useState({
@@ -9,6 +13,9 @@ const Form = () => {
     comment: '',
   });
 
+  const history = useHistory();
+  const prevPath = useSelector(selectPath);
+
   const handleChange = (e) => {
     const newData = { ...data };
     newData[e.target.id] = e.target.value;
@@ -30,6 +37,14 @@ const Form = () => {
     <div className="container">
       <div className="row">
         <div className="col-sm-12">
+          <div className={style.form__arrow} onClick={() => history.replace(prevPath)}>
+            <div className={style.form__arrow__img}>
+              <img src={arrow} alt="" />
+            </div>
+            <div className={style.form__arrow__sp}>
+              <span>Вернуться к кандидату</span>
+            </div>
+          </div>
           <form className={style.form} id="test">
             <label htmlFor="email">Емейл:</label>
             <input

src/components/Form/Form.module.css

@@ -82,3 +82,38 @@
   line-height: 71.88px;
   text-align: center;
 }
+
+.form__arrow {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  margin-top: 80px;
+}
+
+@media (max-width: 575.98px) {
+  .form__arrow {
+    margin-bottom: 40px;
+  }
+}
+
+.form__arrow__img > img {
+  cursor: pointer;
+}
+
+.form__arrow__sp > span {
+  margin-left: 40px;
+  margin-right: 120px;
+  font-family: 'GT Eesti Pro Display';
+  font-size: 1.8em;
+  font-weight: 100;
+  font-style: normal;
+  letter-spacing: normal;
+  line-height: 36px;
+  text-align: left;
+}
+
+@media (max-width: 575.98px) {
+  .form__arrow__sp > span {
+    margin-right: 0px;
+  }
+}