diff --git a/apps/webapp/app/components/logs/log-options.tsx b/apps/webapp/app/components/logs/log-options.tsx index 47e8135..f31fd5c 100644 --- a/apps/webapp/app/components/logs/log-options.tsx +++ b/apps/webapp/app/components/logs/log-options.tsx @@ -21,9 +21,10 @@ import { redirect, useFetcher } from "@remix-run/react"; interface LogOptionsProps { id: string; + reset?: () => void; } -export const LogOptions = ({ id }: LogOptionsProps) => { +export const LogOptions = ({ id, reset }: LogOptionsProps) => { const [deleteDialogOpen, setDeleteDialogOpen] = useState(false); const deleteFetcher = useFetcher<{ success: boolean }>(); diff --git a/apps/webapp/app/components/logs/log-text-collapse.tsx b/apps/webapp/app/components/logs/log-text-collapse.tsx index 5cefa6a..b1915be 100644 --- a/apps/webapp/app/components/logs/log-text-collapse.tsx +++ b/apps/webapp/app/components/logs/log-text-collapse.tsx @@ -36,6 +36,7 @@ export function LogTextCollapse({ error, id, log, + reset, }: LogTextCollapseProps) { const [dialogOpen, setDialogOpen] = useState(false); diff --git a/apps/webapp/app/components/logs/virtual-logs-list.tsx b/apps/webapp/app/components/logs/virtual-logs-list.tsx index 4fde4eb..4f10878 100644 --- a/apps/webapp/app/components/logs/virtual-logs-list.tsx +++ b/apps/webapp/app/components/logs/virtual-logs-list.tsx @@ -24,6 +24,7 @@ function LogItemRenderer( props: ListRowProps, logs: LogItem[], cache: CellMeasurerCache, + reset?: () => void, ) { const { index, key, style, parent } = props; const log = logs[index]; @@ -60,6 +61,7 @@ function LogItemRenderer( logData={log.data} log={log} id={log.id} + reset={reset} /> @@ -72,6 +74,7 @@ export function VirtualLogsList({ hasMore, loadMore, isLoading, + reset, }: VirtualLogsListProps) { // Create a CellMeasurerCache instance using useRef to prevent recreation const cacheRef = useRef(null); @@ -100,7 +103,7 @@ export function VirtualLogsList({ }; const rowRenderer = (props: ListRowProps) => { - return LogItemRenderer(props, logs, cache); + return LogItemRenderer(props, logs, cache, reset); }; const rowHeight = ({ index }: Index) => { diff --git a/apps/webapp/app/routes/home.logs.tsx b/apps/webapp/app/routes/home.logs.tsx index 1c9a3ce..cddb496 100644 --- a/apps/webapp/app/routes/home.logs.tsx +++ b/apps/webapp/app/routes/home.logs.tsx @@ -20,6 +20,7 @@ export default function LogsAll() { availableSources, isLoading, isInitialLoad, + reset, } = useLogs({ endpoint: "/api/v1/logs", source: selectedSource, @@ -96,6 +97,7 @@ export default function LogsAll() { loadMore={loadMore} isLoading={isLoading} height={600} + reset={reset} /> )}