Enteremail.jsx

import React, { useEffect } from 'react'
import { Link, useNavigate } from 'react-router-dom'
import { IoIosArrowBack } from 'react-icons/io'
import EmailForme from './Components/EmailForme'
import forgotpassword from '../Assets/forgotpassword.svg'

const Enteremail = () => {
  let navigate = useNavigate()
  async function tokenCheker() {
    const authToken = localStorage.getItem('token')
    if (authToken) {
      navigate('/')
    }
  }

  useEffect(() => {
    tokenCheker()
  }, [])

  return (
    <>
      <div className='user-login forgot-password-wrapper'>
        <div className='back-btn-login' onClick={() => navigate('/signin')}>
          <IoIosArrowBack />
          <p>Go Back</p>
        </div>
        <div className='user-img'>
          <img
            alt=''
            src='https://res.cloudinary.com/sahebcloud/image/upload/v1649397165/forgot-password-animate_fyfjlr.svg'
          ></img>
        </div>
        <EmailForme />
      </div>
    </>
  )
}

export default Enteremail