From 3355323547f6d952a5ca604b1e5a0b9850a6e278 Mon Sep 17 00:00:00 2001
From: Neta London <neta.london@gmail.com>
Date: Wed, 3 Jan 2024 13:13:42 +0200
Subject: [PATCH] Disable test runbar when chip is invalid

---
 components/src/runbar.tsx | 4 ++++
 web/src/pages/chip.tsx    | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/src/runbar.tsx b/components/src/runbar.tsx
index 9058a129d..2b1b8a456 100644
--- a/components/src/runbar.tsx
+++ b/components/src/runbar.tsx
@@ -11,6 +11,7 @@ interface RunbarTooltipOverrides {
 
 export const Runbar = (props: {
   runner: Timer;
+  disabled?: boolean;
   prefix?: ReactNode;
   children?: ReactNode;
   overrideTooltips?: Partial<RunbarTooltipOverrides>;
@@ -47,6 +48,7 @@ export const Runbar = (props: {
       {props.prefix}
       <button
         className="flex-0"
+        disabled={props.disabled}
         onClick={() => runner.actions.frame()}
         data-tooltip={props.overrideTooltips?.step ?? `Step`}
         data-placement="bottom"
@@ -56,6 +58,7 @@ export const Runbar = (props: {
       </button>
       <button
         className="flex-0"
+        disabled={props.disabled}
         onClick={() =>
           runner.state.running ? runner.actions.stop() : runner.actions.start()
         }
@@ -71,6 +74,7 @@ export const Runbar = (props: {
       </button>
       <button
         className="flex-0"
+        disabled={props.disabled}
         onClick={() => runner.actions.reset()}
         data-tooltip={props.overrideTooltips?.reset ?? `Reset`}
         data-placement="bottom"
diff --git a/web/src/pages/chip.tsx b/web/src/pages/chip.tsx
index 313126c20..ab6a42481 100644
--- a/web/src/pages/chip.tsx
+++ b/web/src/pages/chip.tsx
@@ -369,7 +369,9 @@ export const Chip = () => {
             <Trans>Test</Trans>
           </div>
           <div className="flex-2">
-            {runner.current && <Runbar runner={runner.current} />}
+            {runner.current && (
+              <Runbar runner={runner.current} disabled={state.sim.invalid} />
+            )}
           </div>
           <div>
             <button onClick={loadTest}>