From 6f769b0c594902f479e7744533d9f7d897431909 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Tue, 10 Jun 2025 23:14:36 +0800
Subject: [PATCH] fix: encode post cover image URLs to prevent loading issue
 (#7533)

#### What type of PR is this?

/area ui
/kind bug
/milestone 2.21.x

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

Encode post cover image URLs to prevent loading issue

<img width="736" alt="image" src="https://github.com/user-attachments/assets/0f298c64-37b3-4692-bdfa-922fd0e37dd9" />

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

```release-note
None
```
---
 ui/src/utils/thumbnail.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/utils/thumbnail.ts b/ui/src/utils/thumbnail.ts
index faa9aeace..880f70bd8 100644
--- a/ui/src/utils/thumbnail.ts
+++ b/ui/src/utils/thumbnail.ts
@@ -1,5 +1,5 @@
 export function generateThumbnailUrl(url: string, size: string) {
-  return `/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=${encodeURI(
+  return `/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=${encodeURIComponent(
     url
   )}&size=${size}`;
 }