updated forgot password

digital-course-file/src/user/Login.js

-import React, { useState, useEffect } from 'react'
+import React from 'react'
 import GoogleButton from 'react-google-button'
 import GithubButton from 'react-github-login-button'
 import { Link } from 'react-router-dom'
-import Loader from 'react-loader-spinner'
 
 
 const Login = (props) => {
@@ -19,26 +18,8 @@ const Login = (props) => {
     passwordError,
     googlesignin,
     githubsignin,
-    loading,
   } = props
 
-  useEffect(() => {
-    if (loading) {
-    return (
-      <>
-        <div className='centered'>
-          <Loader
-            type='Puff'
-            color='#00BFFF'
-            height={100}
-            width={100}
-            timeout={3000} //3 secs
-          />
-        </div>
-      </>
-    )
-  }
-  }, [loading])
   
   return (
     <section className='login'>

digital-course-file/src/user/Signin.js

@@ -12,7 +12,6 @@ const Signin = () => {
   const [emailError, setEmailError] = useState('')
   const [passwordError, setPasswordError] = useState('')
   const [hasAccount, setHasAccount] = useState(false)
-  const [loading, setloading] = useState(false)
 
   const githubsignin = () => {
     var provider = new firebase.auth.GithubAuthProvider()
@@ -85,7 +84,6 @@ const Signin = () => {
   
 
   const handleLogin = () => {
-    setloading(true)
     clearErrors()
     fire
       .auth()
@@ -102,7 +100,6 @@ const Signin = () => {
             break
         }
       })
-    setloading(false)
   }
 
   const handleSignup = () => {
@@ -160,7 +157,6 @@ const Signin = () => {
           passwordError={passwordError}
           googlesignin={googlesignin}
           githubsignin={githubsignin}
-          loading={loading}
         />
       )}
     </div>