tabshift/payload
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implements a way to replace files in UI

Browse Source
This commit is contained in:
James
2020-06-26 12:48:31 -04:00
parent 3b6751bbc8
commit ddd37b7bb5
2 changed files with 39 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/client/components/forms/field-types/File/index.js
View File

@@ -31,7 +31,7 @@ const File = (props) => {
const [selectingFile, setSelectingFile] = useState(false);
const [dragging, setDragging] = useState(false);
const [dragCounter, setDragCounter] = useState(0);
const [deletingFile, setDeletingFile] = useState(false);
const [replacingFile, setReplacingFile] = useState(false);
const {
initialData = {}, adminThumbnail, staticURL,
@@ -121,7 +121,7 @@ const File = (props) => {
}, [fileList]);
useEffect(() => {
setDeletingFile(false);
setReplacingFile(false);
}, [initialData]);
const classes = [
@@ -136,19 +136,19 @@ const File = (props) => {
showError={showError}
message={errorMessage}
/>
{(filename && !deletingFile) && (
{(filename && !replacingFile) && (
<FileDetails
{...initialData}
staticURL={staticURL}
adminThumbnail={adminThumbnail}
handleRemove={() => {
setDeletingFile(true);
setReplacingFile(true);
setFileList(null);
setValue(null);
}}
/>
)}
{(!filename || deletingFile) && (
{(!filename || replacingFile) && (
<div className={`${baseClass}__upload`}>
{value && (
<div className={`${baseClass}__file-selected`}>