qcast3/onsitesurvey
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
yoosangwook 2025-05-14 16:01:16 +09:00
parent 4ca4a28c7d
commit 8034424d15
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/ui/common/Header.tsx
View File

@ -4,6 +4,7 @@ import Link from 'next/link'
import { usePathname, useRouter } from 'next/navigation' import { usePathname, useRouter } from 'next/navigation'
import { Swiper, SwiperSlide } from 'swiper/react' import { Swiper, SwiperSlide } from 'swiper/react'
import { useSessionStorage } from 'usehooks-ts'
import { useQueryClient } from '@tanstack/react-query' import { useQueryClient } from '@tanstack/react-query'
import { useSideNavState } from '@/store/sideNavState' import { useSideNavState } from '@/store/sideNavState'
@ -19,6 +20,7 @@ import { usePopupController } from '@/store/popupController'
export default function Header() { export default function Header() {
const router = useRouter() const router = useRouter()
const pathname = usePathname() const pathname = usePathname()
const [value, setValue, removeValue] = useSessionStorage('userInfo', {})
const { sideNavIsOpen, setSideNavIsOpen } = useSideNavState() const { sideNavIsOpen, setSideNavIsOpen } = useSideNavState()
const { backBtn } = useHeaderStore() const { backBtn } = useHeaderStore()
const { getTitle } = useTitle() const { getTitle } = useTitle()
@ -34,6 +36,7 @@ export default function Header() {
const handleLogout = async () => { const handleLogout = async () => {
reset() reset()
removeValue()
const { data } = await axiosInstance(null).get('/api/auth/logout') const { data } = await axiosInstance(null).get('/api/auth/logout')
if (data.code === 200) { if (data.code === 200) {
queryClient.clear() queryClient.clear()