🌟 update email icon

Author: LuciLua

src/components/Form/Form.tsx

@@ -2,8 +2,6 @@
 import styles from "./Form.module.scss"
 // react hooks
 import { useEffect, useState } from "react"
-// axios
-import axios from "axios"
 // components
 import Buttons from "./Buttons/Buttons"
 import Footer from "./Footer/Footer"
@@ -25,12 +23,12 @@ function Form({ state, setState }) {
 
  return (
  <form
-  className={styles.container}
-  onSubmit={(e) =>
-  verifyIfCanSubmit(e, allowLoginOrCreate, state, setState, data, setPath)}
+ className={styles.container}
+ onSubmit={(e) =>
+ verifyIfCanSubmit(e, allowLoginOrCreate, state, setState, data, setPath)}
  action={`${path}`}>
- <Header state={state} />
  <div className={styles.tick} />
+ <Header state={state} />
  <CallSignInOrSignUp state={state} setData={setData} setAllowLoginOrCreate={setAllowLoginOrCreate} />
  <Buttons setState={setState} state={state} allowLoginOrCreate={allowLoginOrCreate} />
  <Footer />

src/components/Form/SignIn/SignIn.tsx

@@ -1,15 +1,12 @@
 // styles
 import styles from "../Form.module.scss"
 // icons
-import { AiOutlineUser } from "react-icons/ai"
 import { RiLockPasswordLine } from "react-icons/ri"
+import { MdOutlineEmail } from "react-icons/md"
 // react hooks
 import React, { useEffect, useState } from "react"
 // components
-import Header from "../Header/Header"
 import Input from "../Input/Input"
-// types
-import { UserProps } from "../../../types/UserProps"
 // utils
 import { FormValidation } from "../../../utils/formValidation"
 
@@ -30,7 +27,7 @@ function SignIn({ setAllowLoginOrCreate, setData }) {
  <div className={styles.inputs}>
  <Input
  label={"Email"}
- icon={<AiOutlineUser />}
+ icon={<MdOutlineEmail />}
  onChange={(e: any) => setEmail(e.target.value)}
  value={email}
  type={"text"}

src/components/Form/SignUp/SignUp.tsx

@@ -2,14 +2,12 @@
 import styles from "../Form.module.scss"
 // icons
 import { AiOutlineUser } from "react-icons/ai"
+import { MdOutlineEmail } from "react-icons/md"
 import { RiLockPasswordLine } from "react-icons/ri"
 // React Hooks
 import { useEffect, useState } from "react"
 // Components
-import Header from "../Header/Header"
 import Input from "../Input/Input"
-// types
-import { UserProps } from "../../../types/UserProps"
 // utils
 import { FormValidation } from "../../../utils/formValidation"
 
@@ -40,7 +38,7 @@ function SignUp({ setAllowLoginOrCreate, setData }) {
  autocomplete="nickname" />
  <Input
  label={"Email"}
- icon={<AiOutlineUser />}
+ icon={<MdOutlineEmail />}
  onChange={(e: any) => setEmail(e.target.value)}
  type={"text"}
  placeholder="Email"