grimhilt/artemio-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix file selector

Browse Source
This commit is contained in:
grimhilt 2023-07-31 01:38:01 +02:00
parent 35de39fef8
commit 9d17398953
3 changed files with 24 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/header.jsx
View File

@ -78,8 +78,8 @@ const HeaderSearch = () => {
{items}
</Group>
<SwitchToggle />
<Tooltip label={'Connect'} withArrow color={color}>
<ActionIcon variant="light" size="lg" onClick={logout} color={color}>
<Tooltip label={'Connect'} withArrow>
<ActionIcon variant="light" size="lg" onClick={logout}>
<IconUserOff size="1.2rem" stroke={1.5} />
</ActionIcon>
</Tooltip>

2
src/pages/files/add.jsx
View File

@ -29,7 +29,7 @@ const ModalAddFile = ({ opened, handler, addFiles }) => {
API.upload(formData)
.then((res) => {
if (res.status === 200) {
validate(files);
validate(res.data);
}
})
.catch((err) => {

36
src/pages/files/file-selector.jsx
View File

@ -10,29 +10,35 @@ const ModalFileSelector = ({ opened, handleClose, handleSubmit, ...props }) => {
const [files, setFiles] = useState([]);
const [showAdd, setShowAdd] = useState(false);
const [search, setSearch] = useState('');
let resfiless = [];
let resFiles = [];
const toggleShowAdd = () => setShowAdd(!showAdd);
const clickHandler = (files) => {
const clickHandler = (file) => {
if (props.multi) {
// eslint-disable-next-line eqeqeq
const indexfiles = resfiless.findIndex((item) => item._id == files._id);
if (indexfiles === -1) {
resfiless.push(files);
const indexFile = resFiles.findIndex((item) => item.id == file.id);
if (indexFile === -1) {
resFiles.push(file);
} else {
resfiless.splice(indexfiles, 1);
resFiles.splice(indexFile, 1);
}
} else {
handleSubmitLocal(files);
handleSubmitLocal(file);
}
};
const handleSubmitLocal = (files) => {
handleSubmit(props.multi ? resfiless : files);
const handleSubmitLocal = (file) => {
handleSubmit(props.multi ? resFiles : file);
handleClose();
};
const addFiles = (objects) => {
for(let i = 0; i < objects.length; i++) {
setFiles((prev) => [...prev, objects[i]]);
}
}
useEffect(() => {
API.getFiles()
.then((res) => {
@ -41,7 +47,7 @@ const ModalFileSelector = ({ opened, handleClose, handleSubmit, ...props }) => {
}
})
.catch((err) => {
setNotification(true, err.response.data.error);
setNotification(true, err.message);
});
return () => {};
@ -57,7 +63,7 @@ const ModalFileSelector = ({ opened, handleClose, handleSubmit, ...props }) => {
}
})
.catch((err) => {
setNotification(true, err.response.data.error);
setNotification(true, err.message);
});
} else if (search.length === 0) {
API.getFiles()
@ -67,7 +73,7 @@ const ModalFileSelector = ({ opened, handleClose, handleSubmit, ...props }) => {
}
})
.catch((err) => {
setNotification(true, err.response.data.error);
setNotification(true, err.message);
});
}
}, [search]);
@ -94,8 +100,8 @@ const ModalFileSelector = ({ opened, handleClose, handleSubmit, ...props }) => {
/>
<ScrollArea h={430} offsetScrollbars>
<Grid columns={3}>
{files.map((file) => (
<SelectorItem file={file} clickHandler={clickHandler} key={file.id} />
{files.map((file, index) => (
<SelectorItem file={file} clickHandler={clickHandler} key={file.id+index} />
))}
</Grid>
</ScrollArea>
@ -118,7 +124,7 @@ const ModalFileSelector = ({ opened, handleClose, handleSubmit, ...props }) => {
<ModalAddFile
opened={showAdd}
handler={toggleShowAdd}
addFiles={(files) => setFiles((prev) => [...prev, files])}
addFiles={(files) => addFiles(files)}
/>
)}
</Modal.Body>