uses data returned by API on save

src/client/components/elements/FileDetails/index.js

@@ -93,6 +93,7 @@ const FileDetails = (props) => {
                   </div>
                   <Meta
                     {...val}
+                    mimeType={mimeType}
                     staticURL={staticURL}
                   />
                 </li>

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

@@ -31,6 +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 {
     initialData = {}, adminThumbnail, staticURL,
@@ -119,6 +120,10 @@ const File = (props) => {
     }
   }, [fileList]);
 
+  useEffect(() => {
+    setDeletingFile(false);
+  }, [initialData]);
+
   const classes = [
     baseClass,
     dragging && `${baseClass}--dragging`,
@@ -131,15 +136,19 @@ const File = (props) => {
         showError={showError}
         message={errorMessage}
       />
-      {filename && (
+      {(filename && !deletingFile) && (
         <FileDetails
           {...initialData}
           staticURL={staticURL}
           adminThumbnail={adminThumbnail}
-          handleRemove={() => true}
+          handleRemove={() => {
+            setDeletingFile(true);
+            setFileList(null);
+            setValue(null);
+          }}
         />
       )}
-      {!filename && (
+      {(!filename || deletingFile) && (
         <div className={`${baseClass}__upload`}>
           {value && (
             <div className={`${baseClass}__file-selected`}>

src/client/components/views/collections/Edit/index.js

@@ -28,14 +28,15 @@ const EditView = (props) => {
     useAsTitle,
   } = collection;
 
-  const onSave = !isEditing ? (json) => {
+  const onSave = (json) => {
     history.push(`${admin}/collections/${collection.slug}/${json?.doc?.id}`, {
       status: {
         message: json.message,
         type: 'success',
       },
+      data: json.doc,
     });
-  } : null;
+  };
 
   const [{ data }] = usePayloadAPI(
     (isEditing ? `${serverURL}${api}/${slug}/${id}` : null),

src/collections/operations/update.js

@@ -84,7 +84,7 @@ const update = async (args) => {
 
       const { staticDir, imageSizes } = args.config.upload;
 
-      if (args.req.files || (args.req.files && args.req.files.file)) {
+      if (options.req.files && options.req.files.file) {
         const fsSafeName = await getSafeFilename(staticDir, options.req.files.file.name);
 
         await options.req.files.file.mv(`${staticDir}/${fsSafeName}`);