fix: enhance Header component to manage user session storage and clear session data on logout
This commit is contained in:
parent
4ca4a28c7d
commit
8034424d15
@ -4,6 +4,7 @@ import Link from 'next/link'
|
||||
import { usePathname, useRouter } from 'next/navigation'
|
||||
|
||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||
import { useSessionStorage } from 'usehooks-ts'
|
||||
import { useQueryClient } from '@tanstack/react-query'
|
||||
|
||||
import { useSideNavState } from '@/store/sideNavState'
|
||||
@ -19,6 +20,7 @@ import { usePopupController } from '@/store/popupController'
|
||||
export default function Header() {
|
||||
const router = useRouter()
|
||||
const pathname = usePathname()
|
||||
const [value, setValue, removeValue] = useSessionStorage('userInfo', {})
|
||||
const { sideNavIsOpen, setSideNavIsOpen } = useSideNavState()
|
||||
const { backBtn } = useHeaderStore()
|
||||
const { getTitle } = useTitle()
|
||||
@ -34,6 +36,7 @@ export default function Header() {
|
||||
|
||||
const handleLogout = async () => {
|
||||
reset()
|
||||
removeValue()
|
||||
const { data } = await axiosInstance(null).get('/api/auth/logout')
|
||||
if (data.code === 200) {
|
||||
queryClient.clear()
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user