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