di usage in website

apps/website/hooks/league/useLeagueDetailWithSponsors.ts

@@ -0,0 +1,21 @@
+import { useQuery, UseQueryOptions } from '@tanstack/react-query';
+import { useInject } from '@/lib/di/hooks/useInject';
+import { LEAGUE_SERVICE_TOKEN } from '@/lib/di/tokens';
+import { enhanceQueryResult } from '@/lib/di/hooks/useReactQueryWithApiError';
+import { ApiError } from '@/lib/api/base/ApiError';
+import type { LeagueDetailPageViewModel } from '@/lib/view-models/LeagueDetailPageViewModel';
+
+export function useLeagueDetailWithSponsors(
+  leagueId: string,
+  options?: Omit<UseQueryOptions<LeagueDetailPageViewModel | null, ApiError>, 'queryKey' | 'queryFn'>
+) {
+  const leagueService = useInject(LEAGUE_SERVICE_TOKEN);
+
+  const queryResult = useQuery({
+    queryKey: ['leagueDetailWithSponsors', leagueId],
+    queryFn: () => leagueService.getLeagueDetailPageData(leagueId),
+    ...options,
+  });
+
+  return enhanceQueryResult(queryResult);
+}