fileinput

src/components/FileUpload.tsx

@@ -2,6 +2,7 @@ import { useState } from "react";
 import { Link } from "react-router-dom";
 import {upload as ApiUpload} from "../services/PhpApi";
 import PreviewUpload from "./PreviewUpload";
+import './InputForm.css';
 
 const FileUpload: React.FC = () => 
 {
@@ -10,11 +11,9 @@ const FileUpload: React.FC = () =>
   const [message, setMessage] = useState("");
 
   
-  const selectFile = (event: React.ChangeEvent<HTMLInputElement>) => 
+  const selectFile = (pl: File) => 
   {
-    const { files } = event.target;
-    const selectedFiles = files as FileList;
-    setCurrentFile(selectedFiles?.[0]);
+    setCurrentFile(pl);
     setProgress(0);
   };
 
@@ -53,16 +52,13 @@ const FileUpload: React.FC = () =>
 
   return (
   <div>
-	<div className="row">
+	<div className="row InputForm">
 	  <div className="col-8">
 	    <PreviewUpload chgFile={selectFile} />
-		{/* <label className="btn btn-default p-0">
-		  <input type="file" onChange={selectFile} />
-		</label> */}
 	  </div>
-	  <div className="col-4">
+	  <div>
 		<button
-		  className="btn btn-success btn-sm"
+		  //className="btn btn-success btn-sm"
 		  disabled={!currentFile}
 		  onClick={upload}
 		>