diff --git a/src/components/Cell.tsx b/src/components/Cell.tsx index 4d7921e..649eaac 100644 --- a/src/components/Cell.tsx +++ b/src/components/Cell.tsx @@ -7,6 +7,7 @@ const Cell = ({ cellId }: { cellId: string }) => { const { executeCell, cellState, executionCount } = useCell(cellId); let actionIcon = "▶"; + let showExecutionCountAs = executionCount === null ? " " : executionCount; switch (cellState) { case "idle": @@ -18,6 +19,7 @@ const Cell = ({ cellId }: { cellId: string }) => { case "busy": case "queued": actionIcon = "⏹"; + showExecutionCountAs = "*"; break; } @@ -29,7 +31,7 @@ const Cell = ({ cellId }: { cellId: string }) => { onClick={executeCell} > [
{actionIcon}
- {executionCount}] + {showExecutionCountAs}] diff --git a/src/hooks/useCell.ts b/src/hooks/useCell.ts index 80b695e..396e00a 100644 --- a/src/hooks/useCell.ts +++ b/src/hooks/useCell.ts @@ -12,7 +12,7 @@ export function useCell(cellId: string) { // Execution count is only set by the backend. - const executionCount = 0; // TODO: get from backend + const executionCount = null; // TODO: get from backend // Queued, busy, and errored are set by the backend. However, we have to // have our own state for queued for before the backend has acknowledged the