ЯсноПонятно24

import React, { FC, useState } from 'react'; import { useLocation, useNavigate } from 'react-router-dom'; import { useDispatch } from 'react-redux'; import { logoutUser } from 'actions/authActions'; import ProfileMenuUI from 'components/ProfileMenuUI';

export const ProfileMenu: FC = () => { const { pathname } = useLocation(); const [loading, setLoading] = useState(false);

const dispatch = useDispatch(); const navigate = useNavigate();

const handleLogout = () => { setLoading(true); dispatch(logoutUser()) .then(() => { setLoading(false); navigate('/'); }) .catch(() => { setLoading(false); }); };

return <ProfileMenuUI handleLogout={handleLogout} pathname={pathname} loading={loading} />; };