first commit

src/app/components/layout/customer-info.tsx

@@ -0,0 +1,35 @@
+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