https://dev.kronoz.win/r/marzneshin.git
| 1 |
13e20b0 |
Mrdn |
2y ago |
|
| 2 |
13e20b0 |
Mrdn |
2y ago |
import { Button } from '@marzneshin/components'; |
| 3 |
13e20b0 |
Mrdn |
2y ago |
import { useNavigate } from '@tanstack/react-router'; |
| 4 |
13e20b0 |
Mrdn |
2y ago |
import { LogOut } from 'lucide-react'; |
| 5 |
13e20b0 |
Mrdn |
2y ago |
import { FC, useCallback } from 'react' |
| 6 |
13e20b0 |
Mrdn |
2y ago |
|
| 7 |
13e20b0 |
Mrdn |
2y ago |
interface LogoutProps { } |
| 8 |
13e20b0 |
Mrdn |
2y ago |
|
| 9 |
13e20b0 |
Mrdn |
2y ago |
export const Logout: FC<LogoutProps> = () => { |
| 10 |
13e20b0 |
Mrdn |
2y ago |
const navigate = useNavigate({ from: '/' }) |
| 11 |
13e20b0 |
Mrdn |
2y ago |
const handleLogout = useCallback( |
| 12 |
13e20b0 |
Mrdn |
2y ago |
() => { |
| 13 |
13e20b0 |
Mrdn |
2y ago |
navigate({ to: '/login' }) |
| 14 |
13e20b0 |
Mrdn |
2y ago |
}, |
| 15 |
13e20b0 |
Mrdn |
2y ago |
[navigate], |
| 16 |
13e20b0 |
Mrdn |
2y ago |
) |
| 17 |
13e20b0 |
Mrdn |
2y ago |
return ( |
| 18 |
13e20b0 |
Mrdn |
2y ago |
<Button className="h-full" size="icon" onClick={handleLogout}> |
| 19 |
13e20b0 |
Mrdn |
2y ago |
<LogOut className="h-[1rem] w-[1rem]" /> |
| 20 |
13e20b0 |
Mrdn |
2y ago |
</Button> |
| 21 |
13e20b0 |
Mrdn |
2y ago |
); |
| 22 |
13e20b0 |
Mrdn |
2y ago |
} |