Refactor: Implement API and cache improvements

src/hooks/profile/useProfileUpdateMutation.ts

@@ -0,0 +1,77 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { supabase } from '@/integrations/supabase/client';
+import { toast } from 'sonner';
+import { getErrorMessage } from '@/lib/errorHandler';
+import { useQueryInvalidation } from '@/lib/queryInvalidation';
+
+interface ProfileUpdateParams {
+  userId: string;
+  updates: {
+    display_name?: string;
+    bio?: string;
+    location_id?: string | null;
+    website?: string | null;
+    [key: string]: any;
+  };
+}
+
+export function useProfileUpdateMutation() {
+  const queryClient = useQueryClient();
+  const { 
+    invalidateUserProfile, 
+    invalidateProfileStats, 
+    invalidateProfileActivity,
+    invalidateUserSearch 
+  } = useQueryInvalidation();
+
+  return useMutation({
+    mutationFn: async ({ userId, updates }: ProfileUpdateParams) => {
+      const { error } = await supabase
+        .from('profiles')
+        .update(updates)
+        .eq('user_id', userId);
+
+      if (error) throw error;
+    },
+    onMutate: async ({ userId, updates }) => {
+      // Cancel outgoing refetches
+      await queryClient.cancelQueries({ queryKey: ['profile', userId] });
+
+      // Snapshot previous value
+      const previousProfile = queryClient.getQueryData(['profile', userId]);
+
+      // Optimistically update
+      queryClient.setQueryData(['profile', userId], (old: any) => ({
+        ...old,
+        ...updates,
+      }));
+
+      return { previousProfile, userId };
+    },
+    onError: (error: unknown, _variables, context) => {
+      // Rollback on error
+      if (context?.previousProfile) {
+        queryClient.setQueryData(['profile', context.userId], context.previousProfile);
+      }
+      
+      toast.error("Update Failed", {
+        description: getErrorMessage(error),
+      });
+    },
+    onSuccess: (_data, { userId, updates }) => {
+      // Invalidate all related caches
+      invalidateUserProfile(userId);
+      invalidateProfileStats(userId);
+      invalidateProfileActivity(userId);
+      
+      // If display name changed, invalidate user search results
+      if (updates.display_name) {
+        invalidateUserSearch();
+      }
+      
+      toast.success("Profile Updated", {
+        description: "Your changes have been saved.",
+      });
+    },
+  });
+}