From f650097db2b07911a5b324bcbfff2d28121043f5 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Thu, 7 Sep 2023 12:21:05 +0100
Subject: [PATCH] implemented resource video and pdf upload

---
 src/components/UploadProduct/index.jsx | 40 +++++++++++++++++++-------
 1 file changed, 29 insertions(+), 11 deletions(-)

diff --git a/src/components/UploadProduct/index.jsx b/src/components/UploadProduct/index.jsx
index e4945a6..f0d194b 100644
--- a/src/components/UploadProduct/index.jsx
+++ b/src/components/UploadProduct/index.jsx
@@ -81,22 +81,28 @@ export default function UploadProduct({uploadTypes}) {
   const [imgDetails, setImgDetails] = useState('')
   const changeFile = (e, file) => {
     if (e) {
+      let uploadedFileType = e.target.files[0].type.split("/")[0].toLowerCase();
+      
+
       setSelectedFile(e.target.files[0].name);
       setImgDetails(e?.target?.files[0])
       const imgRead = new FileReader();
       imgRead.onload = (event) => {
-        setImg(event.target.result);
+        // setImg(event.target.result);
+        setImg({ type: uploadedFileType, file: event.target.result });
       };
       // most importend
       imgRead.readAsDataURL(e.target.files[0]);
     }
     if (file?.length) {
+      let uploadedFileType = file[0].type.split("/")[0].toLowerCase();
       if (file[0].name) {
         setSelectedFile(file?.[0].name);
         setImgDetails(file?.[0])
         const imgRead = new FileReader();
         imgRead.onload = (event) => {
-          setImg(event.target.result);
+          // setImg(event.target.result);
+          setImg({ type: uploadedFileType, file: event.target.result });
         };
         // most importend
         imgRead.readAsDataURL(file[0]);
@@ -141,7 +147,7 @@ export default function UploadProduct({uploadTypes}) {
       file_name: selectedFile.substring(0,21).replace(/ /gi, ""),//selectedFile.replace(/[ -]/gi, ""),
       file_size: imgDetails.size,
       file_type: imgDetails.type,
-      file_data: img,
+      file_data: img.file,
       title: itemName,
       description: description,
       msg_type: 'FILE',
@@ -164,7 +170,7 @@ export default function UploadProduct({uploadTypes}) {
       },5000)
     }
     
-    //API CALL TO UPLOAD COMES HERE
+    // API CALL TO UPLOAD COMES HERE
     setRequestStatus({loading: true, status: null, message: ''}) // SETS REQUEST LOADING TRUE
     apiCall.sendFiles(reqData).then(res=>{
       if(res.status != 200 || res.data.internal_return < 0){
@@ -291,17 +297,29 @@ export default function UploadProduct({uploadTypes}) {
                     >
                       {img ? (
                         <div className="w-full h-full">
-                          <img
-                            src={img}
-                            alt=""
-                            className="w-full h-full object-cover"
-                          />
+                          {img.type === "image" ? (
+                            <img
+                              src={img.file}
+                              alt=""
+                              className="w-full h-full object-cover"
+                            />
+                          ) : img.type === "video" ? (
+                            <video
+                              type=""
+                              src={img.file}
+                              className="w-full h-full object-cover"
+                              controls
+                            ></video>
+                          ) : img.type != null ? (
+                            <p>{selectedFile}</p>
+                          ) : null}
+                          
                           <input
                             type="file"
                             id="fileElem"
                             name="file"
                             className="hidden"
-                            accept="image/*"
+                            // accept="image/*"
                             ref={fileRef}
                             value={selectedFile.name}
                             onChange={(e) => changeFile(e)}
@@ -358,7 +376,7 @@ export default function UploadProduct({uploadTypes}) {
                                 id="fileElem"
                                 name="file"
                                 className="hidden"
-                                accept="image/*"
+                                // accept="image/*"
                                 ref={fileRef}
                                 value={selectedFile.name}
                                 onChange={(e) => changeFile(e)}