partner reg, fix employers bug, edit report

src/components/Modal/ModalRegistration/ModalRegistration.jsx

@@ -10,17 +10,19 @@ import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
 import anyMoment from "assets/icons/anyMoment.svg";
 import doc from "assets/icons/doc.svg";
 import telegramLogo from "assets/icons/tgLogo.svg";
+import accept from "assets/images/accept.png"
 
 import "./modalRegistration.scss";
 
 export const ModalRegistration = ({ active, setActive }) => {
   const [loader, setLoader] = useState(false);
+  const [isPartner, setIsPartner] = useState(false)
 
   const fields = {
     username: "",
     email: "",
     password: "",
-    secondPassword: ""
+    secondPassword: "",
   };
   const closeModal = () => {
     setActive(false);
@@ -56,7 +58,7 @@ export const ModalRegistration = ({ active, setActive }) => {
     fields,
     showNotificationError,
     showNotificationTrue,
-    closeModal
+    isPartner
   );
 
   return (
@@ -123,6 +125,12 @@ export const ModalRegistration = ({ active, setActive }) => {
             </div>
           </div>
         </div>
+        <div className="input_checkbox" onClick={() => setIsPartner(!isPartner)}>
+          <p>Партнер:</p>
+          <span className={isPartner ? "checkbox--active" : ""}>
+            {isPartner ? <img src={accept} alt='accept' /> : ""}
+          </span>
+        </div>
 
         <div className="button-box">
           {loader ? (

src/components/Modal/ModalRegistration/modalRegistration.scss

@@ -128,6 +128,38 @@
         }
       }
 
+      .input_checkbox {
+        display: flex;
+        width: 100%;
+        align-items: center;
+        cursor: pointer;
+
+        p {
+          font-size: 16px;
+          font-weight: 500;
+        }
+
+        span {
+          border: 1px solid gray;
+          border-radius: 4px;
+          width: 20px;
+          height: 20px;
+          margin-left: 10px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          img {
+            width: 15px;
+            height: 15px;
+          }
+        }
+
+        .checkbox--active {
+          background: #f2f2f2;
+        }
+      }
+
       .button-box {
         display: flex;
         flex-direction: row;