Fix thumbnail url

halo-sigs · Aug 28, 2024 · 7c6f5a8 · 7c6f5a8
1 parent 47860bd
commit 7c6f5a8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/console/src/components/MediaCard.vue b/console/src/components/MediaCard.vue
@@ -48,7 +48,9 @@ const getExtname = (type?: string) => {
 
 const imageThumbnailUrl = computed(() => {
   const { url } = props.media || {};
-  return `/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=${url}&size=s`;
+  return `/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=${encodeURI(
+    url || ""
+  )}&size=s`;
 });
 </script>
 <template>

diff --git a/console/src/components/MomentPreview.vue b/console/src/components/MomentPreview.vue
@@ -102,7 +102,9 @@ const getExtname = (type?: string) => {
 
 function getImageThumbnailUrl(media: MomentMedia) {
   const { url } = media || {};
-  return `/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=${url}&size=s`;
+  return `/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=${encodeURI(
+    url || ""
+  )}&size=s`;
 }
 </script>
 <template>