create rough "show execution count as"

nteract · Jan 14, 2024 · 2c092bf · 2c092bf
1 parent 4deb53a
commit 2c092bf
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git 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}
       >
         [<div className="group-hover:block hidden">{actionIcon}</div>
-        <span className="group-hover:hidden">{executionCount}</span>]
+        <span className="group-hover:hidden">{showExecutionCountAs}</span>]
       </Button>
       <Editor cellId={cellId} className="mr-2 pt-0 pb-0 text-sm" language="python"/>
     </div>

diff --git 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