FIX Delete should be gray when Experiment = Live & Completed

UtrechtUniversity · Jan 10, 2025 · a535ba3 · a535ba3
1 parent 3bfecf0
commit a535ba3
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/pages/Experiment.tsx b/src/pages/Experiment.tsx
@@ -246,18 +246,18 @@ const Experiment: React.FC = () => {
             />
           </button>
 
-          {/* Delete Experiment (red if not completed, else gray) */}
+          {/* Delete Experiment (red if not live, else gray) */}
           <button
             className={`experiment-button ${
-              status === 'Completed' ? 'gray-button' : 'red-button'
+              status === 'Live' || status === 'Completed' ? 'gray-button' : 'red-button'
             }`}
             title={
-              status === 'Completed'
-                ? 'An experiment can only be deleted before being live'
+              status === 'Live' || status === 'Completed'
+                ? 'An experiment cannot be deleted while it is live or completed'
                 : ''
             }
-            onClick={status === 'Completed' ? undefined : handleDeleteExperiment}
-            disabled={status === 'Completed'}
+            onClick={status === 'Live' || status === 'Completed' ? undefined : handleDeleteExperiment}
+            disabled={status === 'Live' || status === 'Completed'}
           >
             <span>Delete Experiment</span>
             <img