From 3fcf38e097022a56d9df6d09e3a7f0a9a08095b5 Mon Sep 17 00:00:00 2001
From: Ole Morud <olekr99@hotmail.com>
Date: Thu, 25 Aug 2022 23:58:07 +0200
Subject: [PATCH] add WIP file upload component

---
 src/components/FileUpload.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/components/FileUpload.tsx

diff --git a/src/components/FileUpload.tsx b/src/components/FileUpload.tsx
new file mode 100644
index 0000000..376013b
--- /dev/null
+++ b/src/components/FileUpload.tsx
@@ -0,0 +1,18 @@
+import React from "react"
+
+export default function FileUpload() {
+  //fetch("/upload/")
+  const fileHandler = (event: React.FormEvent<HTMLInputElement>) => {
+    const files = (event.target as HTMLInputElement).files
+    if (files) {
+      console.log(files[0])
+      const reader = new FileReader()
+      reader.addEventListener("load", (event) => {
+        console.log(event.target)
+      })
+      reader.readAsText(files[0])
+    }
+  }
+
+  return <input type="file" onInput={fileHandler} />
+}