fix: improve picsum placeholder image loading

ndom91 · Aug 11, 2024 · 85ca86e · 85ca86e
1 parent dc857db
commit 85ca86e
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/apps/web/src/lib/components/bookmark-row/BookmarkRow.svelte b/apps/web/src/lib/components/bookmark-row/BookmarkRow.svelte
@@ -53,7 +53,7 @@
     if (bookmark.image) {
       return `${PUBLIC_WORKER_URL}/img/s_260x144/${bookmark.image}`
     } else {
-      return `${PUBLIC_WORKER_URL}/img/_/https://source.unsplash.com/random/260x144?sig=${bookmark.url}`
+      return `${PUBLIC_WORKER_URL}/img/_/https://picsum.photos/seed/${btoa(bookmark.url).substring(0, 16)}/256/144.webp`
     }
   })
 

diff --git a/apps/web/src/lib/components/feed-row/FeedRow.svelte b/apps/web/src/lib/components/feed-row/FeedRow.svelte
@@ -36,7 +36,7 @@
     if (feedEntry.feedMedia?.[0]?.href) {
       return `${PUBLIC_WORKER_URL}/img/s_160x96/${feedEntry.feedMedia?.[0]?.href}`
     } else {
-      return `${PUBLIC_WORKER_URL}/img/_/https://picsum.photos/seed/${encodeURIComponent(feedEntry.id)}/160/96.webp`
+      return `${PUBLIC_WORKER_URL}/img/_/https://picsum.photos/seed/${btoa(feedEntry.link).substring(0, 16)}/160/96.webp`
     }
   })
 

diff --git a/apps/web/src/lib/components/home-scroller/BookmarkPreviewCard.svelte b/apps/web/src/lib/components/home-scroller/BookmarkPreviewCard.svelte
@@ -8,7 +8,7 @@
     if (item.image) {
       return `${PUBLIC_WORKER_URL}/img/s_256x144/${item.image}`
     } else {
-      return `${PUBLIC_WORKER_URL}/img/_/https://picsum.photos/seed/${encodeURIComponent(item.id)}/256/144.webp`
+      return `${PUBLIC_WORKER_URL}/img/_/https://picsum.photos/seed/${btoa(item.url).substring(0, 16)}/256/144.webp`
     }
   })
 </script>

diff --git a/apps/web/src/lib/components/home-scroller/FeedItemPreviewCard.svelte b/apps/web/src/lib/components/home-scroller/FeedItemPreviewCard.svelte
@@ -26,7 +26,7 @@
     if (item.feedMedia?.[0]?.href) {
       return `${PUBLIC_WORKER_URL}/img/s_256x144/${item.feedMedia[0].href}`
     } else {
-      return `${PUBLIC_WORKER_URL}/img/_/https://picsum.photos/seed/${encodeURIComponent(item.id)}/256/144.webp`
+      return `${PUBLIC_WORKER_URL}/img/_/https://picsum.photos/seed/${btoa(item.link).substring(0, 16)}/256/144.webp`
     }
   })
 </script>