refactor: prepare rundown loading process

apps/client/src/common/api/constants.ts

@@ -8,6 +8,7 @@ export const AUTOMATION = ['automation'];
 export const CUSTOM_FIELDS = ['customFields'];
 export const PROJECT_DATA = ['project'];
 export const PROJECT_LIST = ['projectList'];
+export const PROJECT_RUNDOWNS = ['projectRundowns'];
 export const RUNDOWN = ['rundown'];
 export const RUNTIME = ['runtimeStore'];
 export const URL_PRESETS = ['urlpresets'];

apps/client/src/common/hooks-query/useProjectRundowns.ts

@@ -0,0 +1,22 @@
+import { useQuery } from '@tanstack/react-query';
+import { ProjectRundownsList } from 'ontime-types';
+
+import { queryRefetchIntervalSlow } from '../../ontimeConfig';
+import { PROJECT_RUNDOWNS } from '../api/constants';
+import { fetchProjectRundownList } from '../api/rundown';
+
+/**
+ * Project rundowns
+ */
+export function useProjectRundowns() {
+  const { data, status, isError, refetch, isFetching } = useQuery<ProjectRundownsList>({
+    queryKey: PROJECT_RUNDOWNS,
+    queryFn: fetchProjectRundownList,
+    placeholderData: (previousData, _previousQuery) => previousData,
+    retry: 5,
+    retryDelay: (attempt) => attempt * 2500,
+    refetchInterval: queryRefetchIntervalSlow,
+    networkMode: 'always',
+  });
+  return { data: data ?? { loaded: '', rundowns: [] }, status, isError, refetch, isFetching };
+}