From a750490eeada9c269df3cc59739c6f5fe1ce01d9 Mon Sep 17 00:00:00 2001
From: Felix Roos <flix91@gmail.com>
Date: Fri, 8 Dec 2023 08:49:03 +0100
Subject: [PATCH] begin pattern import button

---
 website/src/repl/panel/PatternsTab.jsx | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/website/src/repl/panel/PatternsTab.jsx b/website/src/repl/panel/PatternsTab.jsx
index 1b19c8e0..fba6fbc9 100644
--- a/website/src/repl/panel/PatternsTab.jsx
+++ b/website/src/repl/panel/PatternsTab.jsx
@@ -44,6 +44,20 @@ export function PatternsTab({ context }) {
           <button className="hover:opacity-50" onClick={() => clearUserPatterns()}>
             clear
           </button>
+          <label className="hover:opacity-50 cursor-pointer">
+            <input
+              style={{ display: 'none' }}
+              type="file"
+              directory=""
+              webkitdirectory=""
+              multiple
+              accept="audio/*"
+              onChange={(e) => {
+                console.log('change', e.target.files);
+              }}
+            />
+            import
+          </label>
         </div>
         {Object.entries(userPatterns).map(([key, up]) => (
           <a
@@ -83,11 +97,3 @@ export function PatternsTab({ context }) {
     </div>
   );
 }
-
-/*
-selectable examples
-if example selected
-  type character -> create new user pattern with exampleName_n
-  even if 
-clicking (+) opens the "new" example with same behavior as above
-*/