From d5a411eb1f1e7a44eb6ec6d7093f46656fdb6aab Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Tue, 17 Jun 2025 23:06:55 +0800
Subject: [PATCH] feat: add cover for deleted post list in console (#7565)

#### What type of PR is this?

/area ui
/kind improvement
/milestone 2.21.x

#### What this PR does / why we need it:

Add cover field for deleted post list in console.

#### Does this PR introduce a user-facing change?

```release-note
None
```
---
 .../contents/pages/DeletedSinglePageList.vue      | 15 +++++++++++++++
 .../modules/contents/posts/DeletedPostList.vue    | 13 +++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/ui/console-src/modules/contents/pages/DeletedSinglePageList.vue b/ui/console-src/modules/contents/pages/DeletedSinglePageList.vue
index 36f22cb28..21b4f14d0 100644
--- a/ui/console-src/modules/contents/pages/DeletedSinglePageList.vue
+++ b/ui/console-src/modules/contents/pages/DeletedSinglePageList.vue
@@ -2,6 +2,7 @@
 import PostContributorList from "@/components/user/PostContributorList.vue";
 import { formatDatetime, relativeTimeTo } from "@/utils/date";
 import { usePermission } from "@/utils/permission";
+import { generateThumbnailUrl } from "@/utils/thumbnail";
 import type { ListedSinglePage, SinglePage } from "@halo-dev/api-client";
 import { consoleApiClient, coreApiClient } from "@halo-dev/api-client";
 import {
@@ -306,6 +307,20 @@ watch(
               />
             </template>
             <template #start>
+              <VEntityField v-if="singlePage.page.spec.cover">
+                <template #description>
+                  <div
+                    class="aspect-h-2 rounded-md overflow-hidden aspect-w-3 w-20"
+                  >
+                    <img
+                      class="object-cover w-full h-full"
+                      :src="
+                        generateThumbnailUrl(singlePage.page.spec.cover, 's')
+                      "
+                    />
+                  </div>
+                </template>
+              </VEntityField>
               <VEntityField :title="singlePage.page.spec.title">
                 <template #description>
                   <VSpace>
diff --git a/ui/console-src/modules/contents/posts/DeletedPostList.vue b/ui/console-src/modules/contents/posts/DeletedPostList.vue
index 07179a667..b1f6c4cbe 100644
--- a/ui/console-src/modules/contents/posts/DeletedPostList.vue
+++ b/ui/console-src/modules/contents/posts/DeletedPostList.vue
@@ -2,6 +2,7 @@
 import PostContributorList from "@/components/user/PostContributorList.vue";
 import { formatDatetime, relativeTimeTo } from "@/utils/date";
 import { usePermission } from "@/utils/permission";
+import { generateThumbnailUrl } from "@/utils/thumbnail";
 import type { ListedPost, Post } from "@halo-dev/api-client";
 import { consoleApiClient, coreApiClient } from "@halo-dev/api-client";
 import {
@@ -317,6 +318,18 @@ watch(
               />
             </template>
             <template #start>
+              <VEntityField v-if="post.post.spec.cover">
+                <template #description>
+                  <div
+                    class="aspect-h-2 rounded-md overflow-hidden aspect-w-3 w-20"
+                  >
+                    <img
+                      class="object-cover w-full h-full"
+                      :src="generateThumbnailUrl(post.post.spec.cover, 's')"
+                    />
+                  </div>
+                </template>
+              </VEntityField>
               <VEntityField :title="post.post.spec.title">
                 <template #description>
                   <div class="flex flex-col gap-1.5">