preview upload php

src/components/FileUpload.tsx

@@ -1,13 +1,13 @@
-import { useState, useEffect } from "react";
+import { useState } from "react";
 import UploadService from "../services/FileUploadService";
 import IFile from "../types/File";
+import PreviewUpload from "./PreviewUpload";
 
 const FileUpload: React.FC = () => 
 {
   const [currentFile, setCurrentFile] = useState<File>();
   const [progress, setProgress] = useState(0);
   const [message, setMessage] = useState("");
-  const [fileInfos, setFileInfos] = useState([]);
 
   
   const selectFile = (event: React.ChangeEvent<HTMLInputElement>) => 
@@ -30,11 +30,7 @@ const FileUpload: React.FC = () =>
       .then((response) => 
 	  {
         setMessage(response.data.message);
-        return UploadService.getFiles();
-      })
-      .then((files) => 
-	  {
-        setFileInfos(files.data);
+        return;
       })
       .catch((err) => 
 	  {
@@ -53,25 +49,17 @@ const FileUpload: React.FC = () =>
       });
   };
 
-  useEffect(() => 
-  {
-    UploadService.getFiles().then((response) => 
-	{
-      setFileInfos(response.data);
-    });
-  }, []);
-
 
 
   return (
   <div>
 	<div className="row">
 	  <div className="col-8">
-		<label className="btn btn-default p-0">
+	    <PreviewUpload chgFile={selectFile} />
+		{/* <label className="btn btn-default p-0">
 		  <input type="file" onChange={selectFile} />
-		</label>
+		</label> */}
 	  </div>
-
 	  <div className="col-4">
 		<button
 		  className="btn btn-success btn-sm"
@@ -104,17 +92,6 @@ const FileUpload: React.FC = () =>
 	  </div>
 	)}
 
-	<div className="card mt-3">
-	  <div className="card-header">List of Files</div>
-	  <ul className="list-group list-group-flush">
-		{/* {fileInfos &&
-		  fileInfos.map((file: IFile, index: number) => (
-			<li className="list-group-item" key={index}>
-			  <a href={file.url}>{file.name}</a>
-			</li>
-		  ))} */}
-	  </ul>
-	</div>
   </div>
 	
   );