Thumbnails bugfix

src/common/pages/submit/api/update.ts

@@ -60,7 +60,8 @@ export function useUpdateApi(history: History, onClear: () => void) {
           tags,
           description,
           selectionTouched,
-          selectedThumbnail
+          selectedThumbnail,
+          images: json_metadata.image
         }),
         { tags },
         { description }

src/common/pages/submit/functions/build-metadata.ts

@@ -11,7 +11,8 @@ export function buildMetadata({
   description,
   selectedThumbnail,
   selectionTouched,
-  videoMetadata
+  videoMetadata,
+  images
 }: {
   tags: string[];
   title: string;
@@ -20,10 +21,15 @@ export function buildMetadata({
   selectedThumbnail?: string;
   selectionTouched: boolean;
   videoMetadata?: ThreeSpeakVideo;
+  images?: string[];
 }) {
   const { thumbnails, ...meta } = extractMetaData(body);
   let localThumbnail = ls.get("draft_selected_image");
 
+  if (images?.length) {
+    meta.image = [...images, ...(meta.image || [])];
+  }
+
   if (meta.image) {
     if (selectionTouched && selectedThumbnail) {
       meta.image = [selectedThumbnail, ...meta.image!.splice(0, 9)];

src/common/pages/submit/index.tsx

@@ -59,6 +59,7 @@ import { useUpdateApi } from "./api/update";
 import "./_index.scss";
 import { SubmitVideoAttachments } from "./submit-video-attachments";
 import { useThreeSpeakMigrationAdapter } from "./hooks/three-speak-migration-adapter";
+import { useEntryCache } from "../../core/caches/entries-cache";
 
 interface MatchProps {
   match: MatchType;
@@ -133,12 +134,19 @@ export function Submit(props: PageProps & MatchProps) {
     setTags([...tags, community]);
   });
 
+  const { data } = useEntryCache(
+    "",
+    props.match.params.username?.replace("@", ""),
+    props.match.params.permlink
+  );
+
   useEntryDetector(props.match, props.history, (entry) => {
     if (entry) {
       setTitle(entry.title);
       setTags([...new Set(entry.json_metadata?.tags ?? [])]);
       setBody(entry.body);
       setDescription(entry.json_metadata?.description ?? postBodySummary(body, 200));
+      data?.json_metadata?.image && setSelectedThumbnail(data?.json_metadata?.image[0]);
       setEditingEntry(entry);
       threeSpeakManager.setIsEditing(true);
     } else if (editingEntry) {
@@ -244,7 +252,9 @@ export function Submit(props: PageProps & MatchProps) {
     _updateTimer = setTimeout(() => {
       const { thumbnails } = extractMetaData(body);
       setPreview({ title, tags, body, description });
-      setThumbnails(thumbnails ?? []);
+      const existingImages = data.json_metadata.image ?? [];
+      const newThumbnails = thumbnails ? [...existingImages, ...thumbnails] : existingImages;
+      setThumbnails([...new Set(newThumbnails)]);
       if (editingEntry === null) {
         setLocalDraft({ title, tags, body, description });
       }

src/common/store/entries/types.ts

@@ -27,6 +27,7 @@ export interface JsonMetadata {
   format?: string;
   original_author?: string;
   original_permlink?: string;
+  image?: string[];
 }
 
 export interface Entry {