feat: wiring update profile user

Author: mpsalunggg

src/features/profile/components/ProfileForm.tsx

@@ -12,7 +12,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/Popover
 import { Calendar } from "@/components/ui/Calendar";
 import { createProfileFormSchema, ProfileFormType } from "@/domains/Profile";
 import { cn } from "@/lib/utils";
-import { useGetProfile } from "../hooks";
+import { useGetProfile, useUpdateProfile } from "../hooks";
 import Loader from "@/components/common/Loader";
 import { useEffect } from "react";
 
@@ -24,6 +24,7 @@ const ProfileForm = ({ activeTab }: ProfileFormProps) => {
   const t = useTranslations();
   const profileFormSchema = createProfileFormSchema(t);
   const { data, isLoading } = useGetProfile();
+  const { mutate } = useUpdateProfile();
 
   const form = useForm<ProfileFormType>({
     resolver: zodResolver(profileFormSchema),
@@ -57,9 +58,9 @@ const ProfileForm = ({ activeTab }: ProfileFormProps) => {
   const onSubmit = (data: ProfileFormType) => {
     // ! TODO handle query mutation
     console.log("Profile data:", data);
+    mutate(data);
   };
 
-  console.log("dataaa", data);
   if (isLoading) {
     return <Loader />;
   }

src/features/profile/hooks/index.ts

@@ -1 +1,2 @@
 export { default as useGetProfile } from "./useGetProfile";
+export { default as useUpdateProfile } from "./useUpdateProfile";

src/features/profile/hooks/useUpdateProfile.ts

@@ -0,0 +1,11 @@
+import { ProfileFormType } from "@/domains/Profile";
+import { profileService } from "@/services/profile";
+import { useMutation } from "@tanstack/react-query";
+
+const useUpdateProfile = () =>
+  useMutation({
+    mutationKey: ["updateProfile"],
+    mutationFn: async (payload: ProfileFormType) => profileService.updateProfile(payload),
+  });
+
+export default useUpdateProfile;

src/services/home/index.ts

@@ -7,7 +7,6 @@ export const homeService = {
    */
   async getAllTestimonial(): Promise<{ status: number; message: string; data: TestimonialType[] }> {
     const res = await axios.get("/api/testimonial");
-    console.log("resss", res);
     return res.data;
   },
 };

src/services/profile/index.ts

@@ -1,6 +1,6 @@
 import { HttpResponse } from "@/types/http";
 import { fetcher } from "../instance";
-import { ProfileResType } from "@/domains/Profile";
+import { ProfileResType, ProfileFormType } from "@/domains/Profile";
 
 export const profileService = {
   /**
@@ -9,4 +9,12 @@ export const profileService = {
   getProfile: async (): Promise<HttpResponse<ProfileResType>> => {
     return fetcher.get("/user");
   },
+
+  /**
+   * API to update profile user
+   *  @param payload - new profile user data
+   */
+  updateProfile: async (payload: ProfileFormType): Promise<HttpResponse<ProfileResType>> => {
+    return fetcher.put("/update", payload);
+  },
 };