di usage in website

apps/website/hooks/league/useCreateLeague.ts

@@ -0,0 +1,19 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useInject } from '@/lib/di/hooks/useInject';
+import { LEAGUE_SERVICE_TOKEN } from '@/lib/di/tokens';
+
+export function useCreateLeague() {
+  const leagueService = useInject(LEAGUE_SERVICE_TOKEN);
+  const queryClient = useQueryClient();
+
+  const createLeagueMutation = useMutation({
+    mutationFn: (input: any) => leagueService.createLeague(input),
+    onSuccess: () => {
+      // Invalidate relevant queries to refresh data
+      queryClient.invalidateQueries({ queryKey: ['allLeagues'] });
+      queryClient.invalidateQueries({ queryKey: ['leagueMemberships'] });
+    },
+  });
+
+  return createLeagueMutation;
+}