feat: Implement complete API optimization plan

src/hooks/rides/useRideCreditsMutation.ts

@@ -0,0 +1,50 @@
+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 ReorderCreditParams {
+  creditId: string;
+  newPosition: number;
+}
+
+/**
+ * Hook for ride credits mutations
+ * Provides: reorder ride credits with automatic cache invalidation
+ */
+export function useRideCreditsMutation() {
+  const queryClient = useQueryClient();
+  const { invalidateRideDetail } = useQueryInvalidation();
+
+  const reorderCredit = useMutation({
+    mutationFn: async ({ creditId, newPosition }: ReorderCreditParams) => {
+      const { error } = await supabase.rpc('reorder_ride_credit', {
+        p_credit_id: creditId,
+        p_new_position: newPosition
+      });
+      
+      if (error) throw error;
+
+      return { creditId, newPosition };
+    },
+    onError: (error: unknown) => {
+      toast.error("Reorder Failed", {
+        description: getErrorMessage(error),
+      });
+    },
+    onSuccess: () => {
+      // Invalidate ride credits queries
+      queryClient.invalidateQueries({ queryKey: ['ride-credits'] });
+      
+      toast.success("Order Updated", {
+        description: "Ride credit order has been saved.",
+      });
+    },
+  });
+
+  return {
+    reorderCredit,
+    isReordering: reorderCredit.isPending,
+  };
+}