Compare commits

..

1 Commits

Author SHA1 Message Date
victorAnumudu 2412059fd0 added new twitter logo in image folder 2023-09-05 06:36:43 +01:00
4 changed files with 14 additions and 29 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

+3
View File
@@ -0,0 +1,3 @@
<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 430 B

+11 -29
View File
@@ -81,28 +81,22 @@ 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({ type: uploadedFileType, file: event.target.result });
setImg(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({ type: uploadedFileType, file: event.target.result });
setImg(event.target.result);
};
// most importend
imgRead.readAsDataURL(file[0]);
@@ -147,7 +141,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,
file_data: img,
title: itemName,
description: description,
msg_type: 'FILE',
@@ -170,7 +164,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){
@@ -297,29 +291,17 @@ export default function UploadProduct({uploadTypes}) {
>
{img ? (
<div className="w-full h-full">
{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}
<img
src={img}
alt=""
className="w-full h-full object-cover"
/>
<input
type="file"
id="fileElem"
name="file"
className="hidden"
// accept="image/*"
accept="image/*"
ref={fileRef}
value={selectedFile.name}
onChange={(e) => changeFile(e)}
@@ -376,7 +358,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)}