aswi2022code-of-duty-gitlab/frontend/src/features/Home/Home.tsx @ 456b0111

import { Button } from '@mui/material'
import { Fragment } from 'react'
import { useDispatch, useSelector } from 'react-redux'
import { logout } from '../Auth/userSlice'
import { RootState } from '../redux/store'

const Home = () => {
    const dispatch = useDispatch()

    const userLoggedIn = useSelector(
        (state: RootState) => state.user.isLoggedIn
    )

    return (
        <Fragment>
            <h1>Home</h1>
            {userLoggedIn ? (
                <Button
                    size="large"
                    variant="contained"
                    color="primary"
                    onClick={() => dispatch(logout())}
                >
                    Logout
                </Button>
            ) : null}
        </Fragment>
    )
}

export default Home