refactor: Remove unnecesary email field

src/frontend/src/constants/constants.ts

@@ -510,7 +510,6 @@ export const URL_EXCLUDED_FROM_ERROR_RETRIES = [
 ];
 
 export const CONTROL_INPUT_STATE = {
-  email: '',
   password: '',
   cnfPassword: '',
   username: '',

src/frontend/src/pages/signUpPage/index.tsx

@@ -12,19 +12,13 @@ import InputComponent from "../../components/inputComponent";
 
 export default function SignUp(): JSX.Element {
   const [inputState, setInputState] = useState<inputStateType>(CONTROL_INPUT_STATE);
-  let errClasses = {
-	email: false,
-	password: false,
-	cnfPassword: false,
-	username: false,
-  };
 
   const {
 	setErrorData,
 	errorOpen,
   } = useContext(alertContext);
 
-  const { email, password, cnfPassword, username } = inputState;
+  const { password, cnfPassword, username } = inputState;
 
   function handleInput({ target: { name, value } }: inputHandlerEventType): void {
 	setInputState((prev) => ({ ...prev, [name]: value }));
@@ -42,7 +36,6 @@ export default function SignUp(): JSX.Element {
   	.forEach((key) => {
     	if (inputState[key] === '') {
       	err.push(key);
-      	errClasses[key] = true;
     	}
   	});
   	setErrorData({
@@ -71,14 +64,14 @@ export default function SignUp(): JSX.Element {
         	</Button>
       	</div>
       	<span className="text-sm text-muted-foreground">or</span>
-      	<Input
+        <Input
-        	className={errClasses.email ? "border-destructive" : "" + " bg-background"}
+        className="bg-background"
-        	placeholder="Email address"
+        placeholder="Username"
-        	name="email"
+        name="username"
-        	value={email}
+        value={username}
-        	onChange={handleInput}
+        onChange={handleInput}
-        	type="text"
+        type="text"
-      	/>
+        />
       	<InputComponent
         	value={password}
         	onChange={(value) => handleInput({ target: { name: 'password', value } })}
@@ -91,14 +84,6 @@ export default function SignUp(): JSX.Element {
         	password={true}
         	placeholder="Confirm your password"
       	/>
-      	<Input
-        	className="bg-background"
-        	placeholder="Username"
-        	name="username"
-        	value={username}
-        	onChange={handleInput}
-        	type="text"
-      	/>
       	<Button
         	variant="default"
         	className="w-full"

src/frontend/src/types/components/index.ts

@@ -174,7 +174,6 @@ export interface languageMap {
 }
 
 export type inputStateType = {
-  email: string;
   password: string;
   cnfPassword: string;
   username: string;