di usage in website

apps/website/hooks/league/useProtestDetail.ts

@@ -0,0 +1,16 @@
+import { useQuery } from '@tanstack/react-query';
+import { useInject } from '@/lib/di/hooks/useInject';
+import { LEAGUE_STEWARDING_SERVICE_TOKEN } from '@/lib/di/tokens';
+import { enhanceQueryResult } from '@/lib/di/hooks/useReactQueryWithApiError';
+
+export function useProtestDetail(leagueId: string, protestId: string, enabled: boolean = true) {
+  const leagueStewardingService = useInject(LEAGUE_STEWARDING_SERVICE_TOKEN);
+
+  const queryResult = useQuery({
+    queryKey: ['protestDetail', leagueId, protestId],
+    queryFn: () => leagueStewardingService.getProtestDetailViewModel(leagueId, protestId),
+    enabled: enabled && !!leagueId && !!protestId,
+  });
+
+  return enhanceQueryResult(queryResult);
+}