aswi2022code-of-duty-gitlab/frontend/src/features/Home/Home.tsx @ 3ec590e6

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

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

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

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

export default Home