Disable editor when running code

ahuth · Jan 10, 2024 · 8a6db76 · 8a6db76
1 parent 1350c67
commit 8a6db76
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/Editor.tsx b/src/components/Editor.tsx
@@ -7,6 +7,8 @@ type Props = {
 };
 
 export default function Editor({dispatch, state}: Props) {
+  const disabled = state.onLine != null;
+
   return (
     <div className="flex flex-col gap-2">
       <label htmlFor="editor">
@@ -19,7 +21,11 @@ export default function Editor({dispatch, state}: Props) {
           </div>
         </div>
         <textarea
-          className="w-56 border border-b-slate-950"
+          className={clsx(
+            'w-56 border border-b-slate-950',
+            disabled && 'cursor-not-allowed bg-slate-200',
+          )}
+          disabled={disabled ? true : undefined}
           id="editor"
           onChange={(e) =>
             dispatch({type: 'CODE_TYPED', value: e.target.value})