diff --git a/apps/sim/app/workspace/[workspaceId]/logs/logs.tsx b/apps/sim/app/workspace/[workspaceId]/logs/logs.tsx index c7a534ef05..c64bf3131d 100644 --- a/apps/sim/app/workspace/[workspaceId]/logs/logs.tsx +++ b/apps/sim/app/workspace/[workspaceId]/logs/logs.tsx @@ -208,9 +208,10 @@ export default function Logs() { const selectedLog = useMemo(() => { if (!selectedLogFromList) return null - if (!activeLogQuery.data || isPreviewOpen) return selectedLogFromList + if (!activeLogQuery.data || isPreviewOpen || activeLogQuery.isPlaceholderData) + return selectedLogFromList return { ...selectedLogFromList, ...activeLogQuery.data } - }, [selectedLogFromList, activeLogQuery.data, isPreviewOpen]) + }, [selectedLogFromList, activeLogQuery.data, activeLogQuery.isPlaceholderData, isPreviewOpen]) const handleLogHover = useCallback( (log: WorkflowLog) => { @@ -650,7 +651,7 @@ export default function Logs() { hasActiveFilters={filtersActive} /> - {isPreviewOpen && activeLogQuery.data?.executionId && ( + {isPreviewOpen && !activeLogQuery.isPlaceholderData && activeLogQuery.data?.executionId && ( fetchLogDetail(logId as string), enabled: Boolean(logId) && (options?.enabled ?? true), refetchInterval: options?.refetchInterval ?? false, staleTime: 30 * 1000, - initialData: () => { - if (!logId) return undefined - const listQueries = queryClient.getQueriesData<{ - pages: { logs: WorkflowLog[] }[] - }>({ - queryKey: logKeys.lists(), - }) - for (const [, data] of listQueries) { - const match = data?.pages?.flatMap((p) => p.logs).find((l) => l.id === logId) - if (match) return match - } - return undefined - }, - initialDataUpdatedAt: 0, + placeholderData: keepPreviousData, }) }