file select component was weird. fixed

Rahuletto · Jul 3, 2023 · aea253a · aea253a
1 parent 06a8812
commit aea253a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/components/EditModal.tsx b/components/EditModal.tsx
@@ -1,5 +1,5 @@
 // ReactJS stuff
-import { ChangeEvent } from 'react';
+import { ChangeEvent, FormEvent } from 'react';
 
 // Our Imports
 import { BoardFile } from '../utils/board';
@@ -30,8 +30,9 @@ const EditModal: React.FC<FileSelectProps> = ({
     back.style['display'] = 'none';
   }
 
-  function edit(event) {
+  function edit(event: FormEvent) {
     event.preventDefault();
+    event.stopPropagation()
     closeEdit();
 
     const input = document.querySelector<HTMLInputElement>(

diff --git a/components/FileSelect.tsx b/components/FileSelect.tsx
@@ -28,12 +28,13 @@ const FileSelect: React.FC<FileSelectProps> = ({
 
   return (
     <div
+      onClick={() => setFileName(file.name)}
       className={
         file.name === fileName ? 'fileSelect active-file' : 'fileSelect'
       }>
       <button
         title={file.name}
-        onClick={() => setFileName(file.name)}
+
         >
         <div>{file.name}</div>
       </button>

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -403,7 +403,7 @@ const Index: NextPage = () => {
               <button
                 title="Save the board"
                 className={styles.save}
-                disabled={code == '' && files.length <= 1}
+                disabled={code == ''}
                 onClick={(event) => {
                   (event.target as HTMLButtonElement).disabled = true;
                   (event.target as HTMLElement).style.background = 'var(--red)';