Give rigth identation

src/Components/Header.js

@@ -27,7 +27,7 @@ import Snackbar from '@material-ui/core/Snackbar';
 import MuiAlert from '@material-ui/lab/Alert';
 import { useLocation } from 'react-router-dom'
 import MenuBarMobile from './MenuBarMobile.js'
-import {validateGoogleLoginToken} from './HelperFunctions/getAxiosConfig'
+import { validateGoogleLoginToken } from './HelperFunctions/getAxiosConfig'
 
 //const StyledButton = styled(Button)`
 //    background : #ffa54c !important;
@@ -38,90 +38,82 @@ function Alert(props) {
 }
 
 
-export default function Header(props){
-  const { state, dispatch } = useContext(Store)
-  const [signUpOpen, setSignUp] = useState(false)
-  const [loginOpen, setLogin] = useState(false)
-  const [successfulLoginOpen, handleSuccessfulLogin] = useState(false)
-  const [modalColaborar, setModalColaborar] = useState(false)
-
-  function handleSuccessValidateToken (data) {
-      dispatch ({
-          type: "USER_LOGGED_IN",
-          userLoggedIn: !state.userIsLoggedIn,
-          login: data.data
-          }
-      )
-  }
-
-/*  useEffect( () => {
-      if (sessionStorage.getItem('@portalmec/auth_headers')) {
-          let config = { headers : JSON.parse(sessionStorage.getItem('@portalmec/auth_headers'))}
-
-          validateToken(config, handleSuccessValidateToken, (error) => {console.log(error)})
-      }
-  }, [])*/
-
-  let loc = useLocation()
-  useEffect(() => {
-      let query = new URLSearchParams(loc.search)
-
-      if(query.get("auth_token")) {
-             let config = {
-                     headers : {
-                                "access-token" : query.get("auth_token"),
-                                "client" : query.get("client_id"),
-                                "uid" : query.get("uid"),
-                                "expiry" : query.get("expiry"),
-                                "token-type" : 'Bearer'
-                     }
-                  }
-           validateGoogleLoginToken(config, handleSuccessValidateToken, (error) => {console.log(error)})
-           redirect()
-      }
-  }, [loc])
-
-  useEffect ( () => {
-      if (state.currentUser.askTeacherQuestion === true) {
-          dispatch({
-            type: "TOGGLE_MODAL_COLABORAR_PLATAFORMA",
-            modalColaborarPlataformaOpen: true
-          });
-      }
-  }, [state.currentUser.askTeacherQuestion])
-
-  const redirect = () => {
-      props.history.push('/')
-  }
-
-  const toggleSnackbar = (event, reason) => {
-      if (reason === 'clickaway') {
-          return;
-      }
-
-      handleSuccessfulLogin(false);
-  }
-
-  const handleSignUp = () => {
-      setSignUp(!signUpOpen)
-  }
-
-  const handleLogin = () => {
-      setLogin(!loginOpen)
-  }
-
-  const handleClickSearch = (open) => {
-    dispatch({
-      type: "HANDLE_SEARCH_BAR",
-      opened: !state.searchOpen
-    })
-  }
-
-  let windowWidth = window.innerWidth
-
-  return (
-    <React.Fragment>
-       {/*
+export default function Header(props) {
+    const { state, dispatch } = useContext(Store)
+    const [signUpOpen, setSignUp] = useState(false)
+    const [loginOpen, setLogin] = useState(false)
+    const [successfulLoginOpen, handleSuccessfulLogin] = useState(false)
+    const [modalColaborar, setModalColaborar] = useState(false)
+
+    function handleSuccessValidateToken(data) {
+        dispatch({
+            type: "USER_LOGGED_IN",
+            userLoggedIn: !state.userIsLoggedIn,
+            login: data.data
+        }
+        )
+    }
+
+    let loc = useLocation()
+    useEffect(() => {
+        let query = new URLSearchParams(loc.search)
+
+        if (query.get("auth_token")) {
+            let config = {
+                headers: {
+                    "access-token": query.get("auth_token"),
+                    "client": query.get("client_id"),
+                    "uid": query.get("uid"),
+                    "expiry": query.get("expiry"),
+                    "token-type": 'Bearer'
+                }
+            }
+            validateGoogleLoginToken(config, handleSuccessValidateToken, (error) => { console.log(error) })
+            redirect()
+        }
+    }, [loc])
+
+    useEffect(() => {
+        if (state.currentUser.askTeacherQuestion === true) {
+            dispatch({
+                type: "TOGGLE_MODAL_COLABORAR_PLATAFORMA",
+                modalColaborarPlataformaOpen: true
+            });
+        }
+    }, [state.currentUser.askTeacherQuestion])
+
+    const redirect = () => {
+        props.history.push('/')
+    }
+
+    const toggleSnackbar = (event, reason) => {
+        if (reason === 'clickaway') {
+            return;
+        }
+
+        handleSuccessfulLogin(false);
+    }
+
+    const handleSignUp = () => {
+        setSignUp(!signUpOpen)
+    }
+
+    const handleLogin = () => {
+        setLogin(!loginOpen)
+    }
+
+    const handleClickSearch = (open) => {
+        dispatch({
+            type: "HANDLE_SEARCH_BAR",
+            opened: !state.searchOpen
+        })
+    }
+
+    let windowWidth = window.innerWidth
+
+    return (
+        <React.Fragment>
+            {/*
            windowWidth > 990 &&
            <AcessibilityBar/>
        */}