KarlComSe / SvenskaElsparkcyklarAB

import { useDispatch } from 'react-redux';

import { setLoggedInOut, setCurrentUser, setToken, setRole } from '../redux/slices/authLogin';

import { useNavigate } from "react-router-dom";

import { Button, ButtonProps } from 'flowbite-react';

export default function Logout(props: ButtonProps) {

    const dispatch = useDispatch();

    const navigate = useNavigate();

    const logOutUser = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {

        e.preventDefault();

        dispatch(setLoggedInOut(false));

        dispatch(setCurrentUser(null));

        dispatch(setToken(''));

        dispatch(setRole('guest'));

        navigate('/');

    }

  return (

    <Button {...props} data-testid="logoutbutton" color="failure" onClick={(e) => logOutUser(e)}>Logga ut</Button>

  )

}