show profile user in header

src/app/[name]/(Profile)/profile/hooks/userProfileData.ts

@@ -0,0 +1,10 @@
+import { useQuery } from "@tanstack/react-query";
+import * as api from "../service/ProfileService";
+
+export const useGetProfile = () => {
+  return useQuery({
+    queryKey: ["profile"],
+    queryFn: api.getProfile,
+    retry: false,
+  });
+};

src/app/[name]/(Profile)/profile/service/ProfileService.ts

@@ -0,0 +1,7 @@
+import { api } from "@/config/axios";
+import { GetProfileResponse } from "../types/Types";
+
+export const getProfile = async (): Promise<GetProfileResponse> => {
+  const { data } = await api.get<GetProfileResponse>("/public/user/me");
+  return data;
+};

src/app/[name]/(Profile)/profile/types/Types.ts

@@ -0,0 +1,23 @@
+export interface UserProfile {
+  id: string;
+  createdAt: string;
+  updatedAt: string;
+  deletedAt: string | null;
+  restaurant: string;
+  firstName: string;
+  lastName: string;
+  phone: string;
+  birthDate: string;
+  marriageDate: string;
+  referrer: string | null;
+  isActive: boolean;
+  gender: boolean;
+  wallet: number;
+  points: number;
+}
+
+export interface GetProfileResponse {
+  statusCode: number;
+  success: boolean;
+  data: UserProfile;
+}