Add files via upload

DSoftofficial · Feb 24, 2024 · 5e7cf19 · 5e7cf19
1 parent 74450cd
commit 5e7cf19
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/web-app/src/App.jsx b/web-app/src/App.jsx
@@ -305,6 +305,12 @@ function App() {
     setInfoDisplay('none')
     setBgOpacityDisplay('none')
   }
+
+  const triggerOpenFile = () => {
+    setWelcomePageDisplay('none');
+    setMonacoEditorDisplay('flex');
+  }
+
   const handleFileChange = (event) => {
     if (event.target.files) {
       setFile(event.target.files[0]);
@@ -313,6 +319,7 @@ function App() {
 
   useEffect(() => {
     if (file) {
+      triggerOpenFile()
       var reader = new FileReader();
       reader.onload = async (e) => {
         setCode(e.target.result);

diff --git a/web-app/src/components/MenuBar/MenuBar.jsx b/web-app/src/components/MenuBar/MenuBar.jsx
@@ -35,7 +35,7 @@ function MenuBar(props) {
                     <li aria-label="">New Tab</li>
                     <hr className="dropdowncontent-hr" />
                     <p className="form">
-                      <label className="add-photo-btn">Open File<input type="file" id="myfile" name="myfile" onChange={props.handleFileChange}/>
+                      <label className="add-photo-btn">Open File<input type="file" id="myfile" name="myfile" onChange={props.handleFileChange} />
                       </label>
                     </p>
                     <li aria-label="">Open Folder</li>