#399

frontend/src/components/posts/import/PostImportRowForm.tsx

@@ -74,12 +74,15 @@ const PostImportRowForm: FC<Props> = (
   const [messageRow, setMessageRow] = useState<PostImportRow | null> (null)
   const [saving, setSaving] = useState (false)
   const [resetRequested, setResetRequested] = useState (false)
+  const [committedThumbnailBase, setCommittedThumbnailBase] = useState (
+      () => String (row.attributes.thumbnailBase ?? ''))
 
   useEffect (() => {
     const nextDraft = buildDraft (row)
     setDraft (nextDraft)
     setMessageRow (null)
     setResetRequested (false)
+    setCommittedThumbnailBase (String (row.attributes.thumbnailBase ?? ''))
   }, [row])
 
   const displayRow = messageRow ?? row
@@ -118,6 +121,7 @@ const PostImportRowForm: FC<Props> = (
     setDraft (resetDraft)
     setResetRequested (true)
     setMessageRow (null)
+    setCommittedThumbnailBase (resetDraft.thumbnailBase)
     return false
   }, [controls, resetDisabled, resetDraft])
 
@@ -159,7 +163,7 @@ const PostImportRowForm: FC<Props> = (
 	    <div className="grid gap-6 md:grid-cols-[7rem_minmax(0,1fr)]">
 	      <div className="space-y-3 md:sticky md:top-0 md:self-start">
 		<PostImportThumbnailPreview
-		    url={draft.thumbnailBase}
+		    url={committedThumbnailBase}
 		    className="h-28 w-28"/>
 	      </div>
 
@@ -183,6 +187,10 @@ const PostImportRowForm: FC<Props> = (
 			      errors={groupedMessages (
 				  displayRow.validationErrors.thumbnailBase,
 				  displayRow.importErrors?.thumbnailBase)}
+			      onBlur={() => {
+				if (draft.thumbnailBase !== committedThumbnailBase)
+				  setCommittedThumbnailBase (draft.thumbnailBase)
+			      }}
 			      onChange={value => update ('thumbnailBase', value)}/>
 			</>}
 		    core={{