WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

added dummy env details

Browse Source
This commit was merged in pull request #709.
This commit is contained in:
victorAnumudu
2024-04-12 19:20:24 +01:00
parent b48cb48213
commit 0045a791fe
6 changed files with 79 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/attachmentCom/AttachFile.jsx
+58 -21
View File
@@ -1,25 +1,23 @@
import React, { useRef, useState } from 'react'
import LoadingSpinner from '../Spinners/LoadingSpinner'
import axios from 'axios'
export default function AttachFile({data}) {
const [file, setFile] = useState('')
const [requestStatus, setRequestStatus] = useState({loading: false, status:false, message:''})
const inputFile = useRef()
console.log('data', data.job_uid)
let inputs = {
file: file,
job_uid: data?.job_uid,
uid: localStorage.getItem("uid"),
member_id: localStorage.getItem("member_id"),
sessionid: localStorage.getItem("session_token"),
};
const upload = () => {
const upload = (event) => {
let inputs = {
file: event.target.files[0],
job_uid: data?.job_uid,
uid: localStorage.getItem("uid"),
member_id: localStorage.getItem("member_id"),
sessionid: localStorage.getItem("session_token"),
};
setRequestStatus({loading: true, status:false, message:''})
if(!file){
if(!inputs.file){
setRequestStatus({loading: false, status:false, message:'Please select a file'})
setTimeout(()=>{
setRequestStatus({loading: false, status:false, message:''})
@@ -32,19 +30,58 @@ export default function AttachFile({data}) {
}
console.log('data', formData, inputs)
inputFile.current.value = []
inputFile.current.value = null
setFile('')
// axios.post(`${process.env.MEDIA_SERVER_URL}/upload/task`,formData).then(res => {
// if(res.data.status < 1){
// inputFile.current.value = null
// setRequestStatus({loading: false, status:false, message:'upload failed'})
// setTimeout(()=>{
// setRequestStatus({loading: false, status:false, message:''})
// }, 3000)
// return
// }
// setRequestStatus({loading: false, status:true, message:'uploaded'})
// inputFile.current.value = null
// setTimeout(()=>{
// setRequestStatus({loading: false, status:false, message:''})
// }, 3000)
// }).catch(err => {
// inputFile.current.value = null
// setRequestStatus({loading: false, status:false, message:'upload failed'})
// setTimeout(()=>{
// setRequestStatus({loading: false, status:false, message:''})
// }, 3000)
// return
// })
setTimeout(()=>{
setRequestStatus({loading: false, status:false, message:''})
}, 3000)
}
return (
<div className='p-4 w-full h-full flex flex-col justify-center items-center bg-yellow-500 rounded-md'>
<div className='w-full h-full flex flex-col justify-center items-center rounded-md border'>
<div className='w-full flex flex-col items-start gap-1 overflow-hidden'>
<input type="file" ref={inputFile} className='file:rounded-full job-label p-1' onChange={(e) => setFile(e.target.files[0])}/>
<div className='w-full flex gap-2 items-center'>
<button type="button" className='custom-btn btn-gradient text-white font-medium' onClick={upload}>Upload</button>
{requestStatus.message && <p className={`text-[10px] ${requestStatus.status ? 'text-emerald-600' : 'text-red-500'}`}>{requestStatus.message}</p>}
<div className='p-2 w-full flex justify-between items-center gap-1 border-b shadow-sm'>
<p className='job-label job-label-flex'>
Files {
requestStatus.loading ?
<LoadingSpinner size='6' />
:
<p className={`text-[10px] ${requestStatus.status ? 'text-emerald-600' : 'text-red-500'}`}>{requestStatus.message}</p>
}
</p>
<label htmlFor='file' className={`cursor-pointer job-label py-1 px-2 rounded-full border ${ requestStatus.loading && 'pointer-events-none'}`}>+ Add</label>
</div>
<div className='job-label w-full px-2 py-1 h-20 overflow-y-auto flex justify-center items-center'>
list shows here
</div>
<input
type="file"
id='file'
ref={inputFile}
className='hidden file:rounded-full job-label p-1'
onChange={upload}
/>
</div>
</div>
)