DumpMachine in playground should display message when no qubits are…

… allocated Fixes #1962
microsoft · Oct 31, 2024 · 4425ae0 · 4425ae0
1 parent 0c5ae2c
commit 4425ae0
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/playground/src/results.tsx b/playground/src/results.tsx
@@ -245,6 +245,7 @@ export function ResultsTab(props: {
                   <StateTable
                     dump={evt.state}
                     latexDump={evt.stateLatex}
+                    count={evt.qubitCount}
                   ></StateTable>
                 </div>
               ) : (

diff --git a/playground/src/state.tsx b/playground/src/state.tsx
@@ -17,7 +17,34 @@ function formatComplex(real: number, imag: number) {
   return `${r}${i}`;
 }
 
-export function StateTable(props: { dump: Dump; latexDump: string | null }) {
+export function StateTable(props: {
+  dump: Dump;
+  latexDump: string | null;
+  count: number;
+}) {
+  if (props.count === 0) {
+    return (
+      <div>
+        <table class="state-table">
+          <thead>
+            <tr>
+              <th>Basis State</th>
+              <th>Amplitude</th>
+              <th>Measurement Probability</th>
+              <th colSpan={2}>Phase</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>No qubits allocated</td>
+            </tr>
+          </tbody>
+        </table>
+        <br></br>
+      </div>
+    );
+  }
+
   return (
     <div>
       <table class="state-table">