35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import axiosInstance from "@/axios/axiosInstance"
|
|
import { useQuery } from "@tanstack/react-query"
|
|
import { useState } from "react"
|
|
import { useRouter } from 'next/navigation'
|
|
|
|
const CustomerInfo = ()=>{
|
|
|
|
const router = useRouter();
|
|
|
|
const [nameFamily, setNameFamily] = useState<string | null>(null)
|
|
|
|
const onLogout = ()=>{
|
|
localStorage.removeItem('access');
|
|
localStorage.removeItem('refresh');
|
|
document.cookie = "isAuth=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
|
|
setTimeout(()=>{
|
|
router.push('/login')
|
|
}, 200)
|
|
}
|
|
|
|
const query = useQuery({ queryKey: ['cuser-info-x1'], queryFn: async ()=>{
|
|
return await axiosInstance.get("cuser/info/")
|
|
},refetchOnWindowFocus: false,onSuccess(result:any) {
|
|
setNameFamily(result.data.name_family)
|
|
}, })
|
|
|
|
return (
|
|
<div className="flex flex-row gap-x-2">
|
|
<div>{nameFamily}</div>
|
|
<div onClick={onLogout} className="bg-slate-950 rounded-md pr-1 pl-1 cursor-pointer">خروج</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default CustomerInfo |