Add file picker

nextstrain · Dec 14, 2023 · 3b936c3 · 3b936c3
1 parent a8a0673
commit 3b936c3
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/auspice_client_customisation/splash.js b/auspice_client_customisation/splash.js
@@ -25,6 +25,11 @@ const SplashContent = (props) => {
     handleDroppedFiles(props.dispatch, event.dataTransfer.files);
   }
 
+  function handlePicked(event) {
+    event.preventDefault();
+    handleDroppedFiles(props.dispatch, event.target.files);
+  }
+
   return (
     <div className="static container">
 
@@ -44,6 +49,8 @@ const SplashContent = (props) => {
       </CenterContent>
 
       <CenterContent>
+          <Line/>
+            <input type="file" multiple onChange={handlePicked} />
           <Line/>
             <h2 style={{color: "#30353f", fontSize: 24}}>{`Drag & Drop a dataset on here to view`}</h2>
           <Line/>