fix: state update error

Author: karlhadwen

src/components/player/index.js

@@ -1,6 +1,6 @@
 import React, { useState, useContext, createContext } from 'react';
 import ReactDOM from 'react-dom';
-import { Container, Button, Overlay, Inner } from './styles/player';
+import { Container, Button, Overlay, Inner, Close } from './styles/player';
 
 export const PlayerContext = createContext();
 
@@ -24,6 +24,7 @@ Player.Video = function PlayerVideo({ ...restProps }) {
             <video id="netflix-player" controls>
               <source src="/videos/bunny.mp4" type="video/mp4" />
             </video>
+            <Close />
           </Inner>
         </Overlay>,
         document.body

src/constants/routes.js

@@ -2,4 +2,3 @@ export const HOME = '/';
 export const BROWSE = '/browse';
 export const SIGN_UP = '/signup';
 export const SIGN_IN = '/signin';
-export const PASSWORD_FORGET = '/password-reset';

src/pages/signin.js

@@ -23,12 +23,13 @@ export default function Signin() {
       .auth()
       .signInWithEmailAndPassword(emailAddress, password)
       .then(() => {
-        setEmailAddress('');
-        setPassword('');
-        setError('');
         history.push(ROUTES.BROWSE);
       })
-      .catch((error) => setError(error.message));
+      .catch((error) => {
+        setEmailAddress('');
+        setPassword('');
+        setError(error.message);
+      });
   };
 
   return (

src/pages/signup.js

@@ -30,13 +30,14 @@ export default function Signup() {
             photoURL: Math.floor(Math.random() * 5) + 1,
           })
           .then(() => {
-            setEmailAddress('');
-            setPassword('');
-            setError('');
             history.push(ROUTES.BROWSE);
           })
       )
-      .catch((error) => setError(error.message));
+      .catch((error) => {
+        setEmailAddress('');
+        setPassword('');
+        setError(error.message);
+      });
   };
 
   return (