fix: enhance Header component to manage user session storage and clear session data on logout

This commit is contained in:
yoosangwook 2025-05-14 16:01:16 +09:00
parent 4ca4a28c7d
commit 8034424d15

View File

@ -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()