added drag and drop to file browser

src/components/FileBrowser.tsx

@@ -2,6 +2,7 @@ import React from "react"
 import { useState } from "react"
 import { useOpenDirQuery } from "../generated/graphql"
 import Breadcrum from "./Breadcrum"
+import DragAndDrop from "./DragAndDrop"
 import FileBrowserElement from "./FileBrowserElement"
 import FileOpen from "./FileOpen"
 
@@ -16,8 +17,18 @@ const FileBrowser: React.FC = () => {
 		}
 	})
 
+	function handleDrop(files:FileList) {
+		for (let i = 0; i < files.length; i++) {
+			const file = files[i]
+			console.debug(file) // TODO
+		}
+	}
+
 	return (
 		<div>
+			<DragAndDrop
+				handleDrop={handleDrop}
+			>
 				<Breadcrum path={path} onDirClick={(newPath)=>{
 					setPath(newPath)
 				}}/>
@@ -56,6 +67,7 @@ const FileBrowser: React.FC = () => {
 				{<FileOpen id={openFileId} show={showFile} onCloseClick={()=>{
 					setShowFile(false)
 				}} />}
+			</DragAndDrop>
 		</div>
 	)
 }