2023-02-08 21:10:26 +00:00
|
|
|
import { FormattedMessage } from "react-intl";
|
2023-03-29 12:10:22 +00:00
|
|
|
import { useNavigate } from "react-router-dom";
|
2023-01-26 11:34:18 +00:00
|
|
|
|
2023-04-14 11:33:19 +00:00
|
|
|
import { logout } from "Login";
|
|
|
|
import useLogin from "Hooks/useLogin";
|
2023-02-08 21:10:26 +00:00
|
|
|
import messages from "./messages";
|
|
|
|
|
2023-02-07 20:04:50 +00:00
|
|
|
export default function LogoutButton() {
|
2023-03-29 12:10:22 +00:00
|
|
|
const navigate = useNavigate();
|
2023-04-14 11:33:19 +00:00
|
|
|
const publicKey = useLogin().publicKey;
|
2023-03-29 12:10:22 +00:00
|
|
|
|
2023-04-14 11:33:19 +00:00
|
|
|
if (!publicKey) return;
|
2023-01-26 11:34:18 +00:00
|
|
|
return (
|
2023-02-07 20:04:50 +00:00
|
|
|
<button
|
|
|
|
className="secondary"
|
|
|
|
type="button"
|
|
|
|
onClick={() => {
|
2023-04-14 11:33:19 +00:00
|
|
|
logout(publicKey);
|
|
|
|
navigate("/");
|
2023-02-09 12:26:54 +00:00
|
|
|
}}>
|
2023-02-08 21:10:26 +00:00
|
|
|
<FormattedMessage {...messages.Logout} />
|
2023-01-26 11:34:18 +00:00
|
|
|
</button>
|
2023-02-07 20:04:50 +00:00
|
|
|
);
|
2023-01-26 11:34:18 +00:00
|
|
|
}
|