Tyler
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
import { useQuery } from "@tanstack/react-query";
|
|
import { useSyncExternalStore } from "react";
|
|
import { api, type ListActivityParams, type PaginatedResponse } from "@/lib/api";
|
|
import { useAppStore } from "@/store";
|
|
import type { Activity } from "@/types";
|
|
|
|
/**
|
|
* Lists activity. Polls every 30s when a backend is configured (so the
|
|
* Activity Log page reflects new events without a manual refresh); in
|
|
* sample-data mode it returns the in-memory store directly.
|
|
*/
|
|
export function useActivity(params: ListActivityParams = {}) {
|
|
const fallback = useSyncExternalStore(
|
|
(cb) => useAppStore.subscribe(cb),
|
|
() => useAppStore.getState().activity,
|
|
() => useAppStore.getState().activity
|
|
);
|
|
|
|
const q = useQuery<PaginatedResponse<Activity>>({
|
|
queryKey: ["activity", params],
|
|
queryFn: () => api.listActivity<Activity>(params),
|
|
enabled: api.isConfigured,
|
|
refetchInterval: api.isConfigured ? 30_000 : false,
|
|
});
|
|
|
|
if (!api.isConfigured) {
|
|
return {
|
|
data: {
|
|
items: fallback,
|
|
total: fallback.length,
|
|
returned: fallback.length,
|
|
has_more: false,
|
|
} satisfies PaginatedResponse<Activity>,
|
|
isLoading: false,
|
|
isError: false,
|
|
error: null,
|
|
refetch: () => Promise.resolve(),
|
|
} as const;
|
|
}
|
|
return q;
|
|
}
|