Merge pull request #1480 from ecency/bug/thumbnail

Thumbnails bugfix
ecency · Oct 17, 2023 · a47c4c0 · a47c4c0
2 parents e8cf594 + 1a98436
commit a47c4c0
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 deletions.
diff --git a/src/common/pages/submit/api/update.ts b/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 }

diff --git a/src/common/pages/submit/functions/build-metadata.ts b/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)];

diff --git a/src/common/pages/submit/index.tsx b/src/common/pages/submit/index.tsx
@@ -143,6 +143,7 @@ export function Submit(props: PageProps & MatchProps) {
       setTags([...new Set(entry.json_metadata?.tags ?? [])]);
       setBody(entry.body);
       setDescription(entry.json_metadata?.description ?? postBodySummary(body, 200));
+      entry?.json_metadata?.image && setSelectedThumbnail(entry?.json_metadata?.image[0]);
       setEditingEntry(entry);
       threeSpeakManager.setIsEditing(true);
     } else if (editingEntry) {
@@ -248,7 +249,9 @@ export function Submit(props: PageProps & MatchProps) {
     _updateTimer = setTimeout(() => {
       const { thumbnails } = extractMetaData(body);
       setPreview({ title, tags, body, description });
-      setThumbnails(thumbnails ?? []);
+      const existingImages = editingEntry?.json_metadata.image ?? [];
+      const newThumbnails = thumbnails ? [...existingImages, ...thumbnails] : existingImages;
+      setThumbnails([...new Set(newThumbnails)]);
       if (editingEntry === null) {
         setLocalDraft({ title, tags, body, description });
       }

diff --git a/src/common/store/entries/types.ts b/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 {