pl-fe: add enabled cond to media timeline query

Signed-off-by: Nicole Mikołajczyk <git@mkljczk.pl>

packages/pl-fe/src/queries/timelines/use-account-media-timeline.ts

@@ -2,13 +2,17 @@ import { makePaginatedResponseQuery } from '../utils/make-paginated-response-que
 import { minifyStatusList } from '../utils/minify-list';
 
 const useAccountMediaTimeline = makePaginatedResponseQuery(
-  (accountId: string) => ['timelineIds', `account:${accountId}:with_replies:media`],
+  (accountId?: string) => ['timelineIds', `account:${accountId}:with_replies:media`],
   (client, [accountId]) => client.accounts.getAccountStatuses(accountId!, { only_media: true }).then(minifyStatusList),
+  undefined,
+  (accountId) => !!accountId,
 );
 
 const useGroupMediaTimeline = makePaginatedResponseQuery(
   (groupId: string) => ['timelineIds', `group:${groupId}:media`],
   (client, [groupId]) => client.timelines.groupTimeline(groupId!, { only_media: true }).then(minifyStatusList),
+  undefined,
+  (groupId) => !!groupId,
 );
 
 export { useAccountMediaTimeline, useGroupMediaTimeline };

packages/pl-fe/src/queries/utils/make-paginated-response-query.ts

@@ -8,6 +8,7 @@ const makePaginatedResponseQuery = <T1 extends Array<any>, T2, T3 = Array<T2>>(
   queryKey: (...params: T1) => Array<string | undefined>,
   queryFn: (client: PlApiClient, params: T1) => Promise<PaginatedResponse<T2>>,
   select?: (data: InfiniteData<PaginatedResponse<T2>>) => T3,
+  enabled?: (...params: T1) => boolean,
 ) => (...params: T1) => {
     const client = useClient();
 
@@ -17,6 +18,7 @@ const makePaginatedResponseQuery = <T1 extends Array<any>, T2, T3 = Array<T2>>(
       initialPageParam: { previous: null, next: null, items: [], partial: false } as Awaited<ReturnType<typeof queryFn>>,
       getNextPageParam: (page) => page.next ? page : undefined,
       select: select ?? ((data) => data.pages.map(page => page.items).flat() as T3),
+      enabled: enabled?.(...params) ?? true,
     });
   };