code optimizations

src/components/CardStages/CardStage2.js

@@ -13,10 +13,7 @@ import next_reverse from "../../icons/next-reverse.svg";
 const CardStage2 = ({ setStage, data, setData }) => {
   const { locale } = useContext(LanguageContext);
   const { user } = useContext(UserContext);
-  const [
-    inputValid,
-    // setInputValid
-  ] = useState({
+  const [inputValid] = useState({
     surname: data.surname ? data.surname : user ? user.surname : null,
     name: data.name ? data.name : user ? user.name : null,
     fathers: data.middlename ? data.middlename : user ? user.middle_name : null,

src/components/CardStages/CardStage4.js

@@ -12,7 +12,6 @@ import next_reverse from "../../icons/next-reverse.svg";
 const CardStage4 = ({ setStage, data, setData, req }) => {
   const { locale } = useContext(LanguageContext);
   const [files, setFiles] = useState(data.file ? data.file : []);
-
   const [btnEnabled, setBtnEnabled] = useState(false);
   const [dropdown, setDropdown] = useState(false);
   const [validSize, setValidSize] = useState(true);

src/components/CreditStages/CreditStage2.js

@@ -5,8 +5,6 @@ import { LanguageContext } from "../../backend/LanguageContext";
 // IMPORT IMAGES
 import minus from "../../icons/minus.svg";
 import plus from "../../icons/plus.svg";
-import minus2 from "../../icons/minus-white.svg";
-import plus2 from "../../icons/plus-white.svg";
 import next from "../../icons/next.svg";
 import logo from "../../icons/logo-transp.svg";
 

src/components/CreditStages/CreditStage3.js

@@ -13,10 +13,7 @@ import next_reverse from "../../icons/next-reverse.svg";
 const CreditStage3 = ({ setStage, data, setData }) => {
   const { locale } = useContext(LanguageContext);
   const { user } = useContext(UserContext);
-  const [
-    inputValid,
-    //  setInputValid
-  ] = useState({
+  const [inputValid] = useState({
     surname: data.surname ? data.surname : user ? user.surname : null,
     name: data.name ? data.name : user ? user.name : null,
     fathers: data.fathers ? data.fathers : user ? user.middle_name : null,

src/components/CreditStages/CreditStage4.js

@@ -2,7 +2,6 @@
 import React, { useState, useEffect, useContext } from "react";
 import { LanguageContext } from "../../backend/LanguageContext";
 import { branchData } from "../../localization/branchData";
-import { timeSheet } from "../../data/timeSheet";
 
 // IMPORT IMAGES
 import next from "../../icons/next.svg";

src/components/sign/SignForm.js

@@ -14,6 +14,7 @@ import Loader from "../../components/global/Loader";
 // IMPORT HELPERS
 import { ValidateEmail } from "../../validators/ValidateEmail";
 import { LanguageContext } from "../../backend/LanguageContext";
+
 // SITEKEY
 import { sitekey } from "../../recaptcha";
 

src/pages/Base.js

@@ -9,7 +9,6 @@ import Loader from "../components/global/Loader";
 
 // IMPORT IMAGES
 import allert from "../icons/info-circle.svg";
-import nul from "../icons/null.svg";
 
 const Base = () => {
   const { locale } = useContext(LanguageContext);

src/pages/Cards.js

@@ -69,7 +69,6 @@ const Cards = () => {
         setError={setError}
         setProgress={setProgress}
       />
-      {/* {loader ? <Loader /> : null} */}
       {loader ? <ProgressLoader progress={progress} /> : null}
       <div className="container">
         <div className="cards-inner">

src/pages/Credits.js

@@ -7,7 +7,6 @@ import axios from "axios";
 // IMPORT COMPONENTS
 import Breadcrumb from "../components/global/Breadcrumb";
 import CreditModal from "../components/credits/CreditModal";
-// import Loader from "../components/global/Loader";
 import ProgressLoader from "../components/global/ProgressLoader";
 import Success from "../components/global/Success";
 import Error from "../components/global/Error";
@@ -19,7 +18,6 @@ import { dataDestination } from "../destinationUrl";
 import credit from "../icons/credit-black.svg";
 import add from "../icons/add.svg";
 import allert from "../icons/info-circle.svg";
-import nul from "../icons/null.svg";
 
 const Credits = () => {
   const { locale } = useContext(LanguageContext);

src/scss/_base.scss

@@ -52,7 +52,6 @@
   }
   .home-table {
     overflow-x: hidden;
-    // white-space: nowrap;
 
     tbody {
       display: table;

src/scss/_recovery.scss

@@ -173,20 +173,4 @@
     margin-bottom: 1rem;
     max-height: unset;
   }
-
-  // .p-input-img {
-  //   top: 37%;
-  // }
 }
-
-// @media screen and (max-width: 500px) {
-//   .p-input-img {
-//     top: 34%;
-//   }
-// }
-
-// @media screen and (max-width: 361px) {
-//   .p-input-img {
-//     top: 31%;
-//   }
-// }