diff --git a/gui/src/components/LoadingCard.tsx b/gui/src/components/LoadingCard.tsx index 2066c1f2..7cc18987 100644 --- a/gui/src/components/LoadingCard.tsx +++ b/gui/src/components/LoadingCard.tsx @@ -29,7 +29,7 @@ export function LoadingCard(props: LoadingCardProps) { const setReady = useStore(state, (s) => s.setReady); const cancel = useMutation(() => client.cancel(props.loading)); - const ready = useQuery('ready', () => client.ready(props.loading), { + const ready = useQuery(`ready-${props.loading.output.key}`, () => client.ready(props.loading), { // data will always be ready without this, even if the API says its not cacheTime: 0, refetchInterval: POLL_TIME, @@ -90,7 +90,7 @@ export function LoadingCard(props: LoadingCardProps) { sx={{ alignItems: 'center' }} > {renderProgress()} - {getProgress()} of {props.loading.params.steps} + {getProgress()}/{props.loading.params.steps} steps