-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
48 lines (39 loc) · 1.06 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
import React, { useEffect } from 'react';
import './App.css';
import Feed from './components/Feed';
import Header from './components/Header';
import Login from './components/Login';
import Sidebar from './components/Sidebar';
import Widgets from './components/Widgets';
import { useSelector, useDispatch } from "react-redux";
import { onAuthStateChanged } from "firebase/auth";
import { login } from './features/userSlice';
import { auth } from './firebase-config';
function App() {
const userName = useSelector((state) => state.user.name);
const dispatch = useDispatch();
useEffect(()=>{
onAuthStateChanged(auth, user => {
if(user){
dispatch(login({
name: user.displayName,
email: user.email,
profilePic: user.photoURL
}));
}
})
},[]);
return (
<div className="App">
{userName ? (<Header />): null}
{!userName? (<Login/>): (
<div className="app_body">
<Sidebar />
<Feed />
<Widgets />
</div>
)}
</div>
);
}
export default App;