Add file picker

nextstrain · Dec 14, 2023 · c6b195a · c6b195a
1 parent e3eec82
commit c6b195a
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/auspice_client_customisation/splash.js b/auspice_client_customisation/splash.js
@@ -14,6 +14,11 @@ const SplashContent = (props) => {
     handleDroppedFiles(props.dispatch, event.dataTransfer.files);
   }
 
+  function handlePicked(event) {
+    event.preventDefault();
+    handleDroppedFiles(props.dispatch, event.target.files);
+  }
+
   function datasetLink(path) {
     return (
       <div
@@ -55,6 +60,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/>