From 3b936c30e7078c5b5de4bb6ef32c6d198ef03c92 Mon Sep 17 00:00:00 2001
From: Victor Lin <13424970+victorlin@users.noreply.github.com>
Date: Wed, 13 Dec 2023 16:56:02 -0800
Subject: [PATCH] Add file picker

---
 auspice_client_customisation/splash.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/auspice_client_customisation/splash.js b/auspice_client_customisation/splash.js
index 2d64694..1c22728 100644
--- 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/>