excluded some constants from registration and profile

Author: Gimleux

src/background/constants.ts

@@ -17,3 +17,8 @@ const dev: constantsdef = {
   }
 };
 export const constants = process.env.NODE_ENV === "development" ? dev : prod;
+
+
+export const MIN_PASSWORD_LENGTH = 8;
+export const MAX_PASSWORD_LENGTH = 20;
+export const DEFAULT_ALERT_DURATION = 3500;

src/components/pages/User/Profile.tsx

@@ -8,33 +8,17 @@ import {notMinStrLength} from "../../../background/methods/checkInput";
 
 export default function Profile(): ReactElement {
     const [isEditing, setIsEditing] = useState<boolean>(false);
-    const user = useSelector((state: RootState) => state.user);
-
-    /*const handlePasswordChange = (event: ChangeEvent<HTMLInputElement>) => {
-        event.preventDefault();
-        let value: [string, boolean] | string = makePasswordInputFitRules(event.target.value);
-        if (!value[1]) {
-            value = password;
-        } else {
-            value = value[0]
-        }
-        setPasswordInformationLength(!notMinStrLength(value, MIN_PASSWORD_LENGTH));
-        setPasswordInformationLowercase(value.match(/[a-z]/) !== null);
-        setPasswordInformationUppercase(value.match(/[A-Z]/) !== null);
-        setPasswordInformationNumber(value.match(/\d/) !== null);
-        setPassword(value)
-    }
-
-    const handlePasswordConfirmationChange = async (event: ChangeEvent<HTMLInputElement>) => {
-        event.preventDefault();
-        let value: [string, boolean] | string = makePasswordInputFitRules(event.target.value);
-        if (!value[1]) {
-            value = passwordConfirmation;
-        } else {
-            value = value[0]
-        }
-        setPasswordConfirmation(value);
-    }*/
+    const [username, setUsername] = useState<string>("");
+    const [password, setPassword] = useState<string>("");
+    const [passwordConfirmation, setPasswordConfirmation] = useState<string>("");
+    const [passwordInformationLength, setPasswordInformationLength] = useState<boolean>(false);
+    const [passwordInformationLowercase, setPasswordInformationLowercase] = useState<boolean>(false);
+    const [passwordInformationUppercase, setPasswordInformationUppercase] = useState<boolean>(false);
+    const [passwordInformationNumber, setPasswordInformationNumber] = useState<boolean>(false);
+    const [passwordsMatch, setPasswordsMatch] = useState<boolean>(true);
+    const [alertMessage, setAlertMessage] = useState<string>("Error 404: No Message found.");
+    const [alertVariant, setAlertColor] = useState<"primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark">("success");
+    const [alertVisibility, setAlertVisibility] = useState<boolean>(false);
 
     function handleEditModeChange(): void {
         if (isEditing) {

src/components/pages/User/Registration.tsx

@@ -9,11 +9,9 @@ import fileFighter from "../../../assets/images/logos/adventurer-run.gif";
 import {registerNewUser} from "../../../background/api/registration";
 import {getWindowSize, getWindowSize_Interface} from "../../../background/methods/windowSize";
 import {getStyleValue} from "../../../background/methods/style";
+import {DEFAULT_ALERT_DURATION, MAX_PASSWORD_LENGTH, MIN_PASSWORD_LENGTH} from "../../../background/constants";
 
 export default function Registration(): ReactElement {
-    const MIN_PASSWORD_LENGTH = 8;
-    const MAX_PASSWORD_LENGTH = 20;
-    const DEFAULT_ALERT_DURATION = 3500;
 
     const [username, setUsername] = useState<string>("");
     const [password, setPassword] = useState<string>("");