import authservice from './Services/Auth';
import './index.css'
/* eslint-disable no-undef */
import React, { useEffect, useState } from 'react';
import './App.css';
import { useDispatch } from 'react-redux';
import { Header, Footer } from './components';
import { login, logout } from './store/authslice';
function App() {
const [isLoading, setIsLoading] = useState(true);
const dispatch = useDispatch();
useEffect(()=>{
authservice.getcurrentuser()
.then((userData)=>{
if (userData){
dispatch(login({userData}))
}
else{
dispatch(logout())
}
})
.finally(()=>setIsLoading(false))
},[])
return !isLoading ?(
<div className='w-full block'>
<Header/>
<Footer />
</div>
</div>
):null
}
export default App;