fix: fix image non-empty state on load (#660)

Author: stevenle

.changeset/strange-ears-bake.md

@@ -0,0 +1,5 @@
+---
+'@blinkk/root-cms': patch
+---
+
+fix: fix image non-empty state on load

packages/root-cms/ui/components/DocEditor/fields/FileField.tsx

@@ -30,9 +30,6 @@ export function FileField(props: FieldProps) {
       onFileChange={(file) => {
         if (file) {
           props.draft.updateKey(props.deepKey, file);
-          if (file.alt) {
-            props.draft.updateKey(`${props.deepKey}.alt`, file.alt);
-          }
         } else {
           props.draft.removeKey(props.deepKey);
         }

packages/root-cms/ui/components/DocEditor/fields/ImageField.tsx

@@ -28,9 +28,6 @@ export function ImageField(props: FieldProps) {
       onFileChange={(file) => {
         if (file) {
           props.draft.updateKey(props.deepKey, file);
-          if (file.alt) {
-            props.draft.updateKey(`${props.deepKey}.alt`, file.alt);
-          }
         } else {
           props.draft.removeKey(props.deepKey);
         }

packages/root-cms/ui/components/FileUploadField/FileUploadField.tsx

@@ -30,7 +30,7 @@ import {
 import {IconDotsVertical} from '@tabler/icons-preact';
 import {createContext} from 'preact';
 import {ChangeEvent, CSSProperties, forwardRef} from 'preact/compat';
-import {useContext, useRef, useState} from 'preact/hooks';
+import {useContext, useEffect, useRef, useState} from 'preact/hooks';
 import {joinClassNames} from '../../utils/classes.js';
 import {
   buildDownloadURL,
@@ -135,6 +135,10 @@ export function FileUploadField(props: FileUploadFieldProps) {
   const acceptedFileTypes =
     props.exts ?? (props.variant === 'image' ? IMAGE_MIMETYPES : []);
 
+  useEffect(() => {
+    setFileUploader((prev) => ({...prev, uploadedFile: props.file}));
+  }, [props.file]);
+
   /** Uploads file data to GCS. */
   async function uploadFile(file: File) {
     try {