Move Dekoneksyon to component/sesyon & improve it
This commit is contained in:
@@ -1,45 +0,0 @@
|
||||
import Link from 'next/link'
|
||||
import {signOut} from 'next-auth/client'
|
||||
import {withStyles, makeStyles, Tooltip, Fab, Zoom} from '@material-ui/core'
|
||||
import ExitToAppIcon from '@material-ui/icons/ExitToApp'
|
||||
|
||||
const useStyles = makeStyles(() => ({
|
||||
dekoneksyon: {
|
||||
position: 'absolute',
|
||||
top: 95,
|
||||
left: 5
|
||||
}
|
||||
}))
|
||||
|
||||
const DekoneksonTooltip = withStyles(() => ({
|
||||
tooltip: {
|
||||
fontSize: 18
|
||||
}
|
||||
}))(Tooltip)
|
||||
|
||||
function Dekoneksyon() {
|
||||
const classes = useStyles()
|
||||
|
||||
const handleLogout = event => {
|
||||
event.preventDefault()
|
||||
signOut()
|
||||
}
|
||||
|
||||
return (
|
||||
<Link href='/api/auth/signout'>
|
||||
<DekoneksonTooltip title='Dékoneksyon' placement='left' TransitionComponent={Zoom}>
|
||||
<Fab
|
||||
className={classes.dekoneksyon}
|
||||
color='secondary'
|
||||
aria-label='logout'
|
||||
size='small'
|
||||
onClick={event => handleLogout(event)}
|
||||
>
|
||||
<ExitToAppIcon />
|
||||
</Fab>
|
||||
</DekoneksonTooltip>
|
||||
</Link>
|
||||
)
|
||||
}
|
||||
|
||||
export default Dekoneksyon
|
||||
Reference in New Issue
Block a user