fix: use 'slug' property instead of tag's 'name' to create the URL

Signed-off-by: Robert Goniszewski <robertgoniszewski@outlook.com>
goniszewski · Apr 30, 2024 · c5d6416 · c5d6416
1 parent 7a01adb
commit c5d6416
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/lib/components/BookmarkCard/BookmarkCard.svelte b/src/lib/components/BookmarkCard/BookmarkCard.svelte
@@ -278,7 +278,7 @@
 				<span class="font-sans text-xs font-semibold">#</span>
 				{#if bookmark.tags}
 					{#each bookmark.tags as tag (tag.id)}
-						<a href={`/tags/${tag.name}`} class="link font-sans text-xs">{tag.name}</a>
+						<a href={`/tags/${tag.slug}`} class="link font-sans text-xs">{tag.name}</a>
 					{/each}
 				{/if}
 				<button title="Add new tag" class="link-hover link font-sans text-xs text-gray-400"

diff --git a/src/lib/components/BookmarkListItem/BookmarkListItem.svelte b/src/lib/components/BookmarkListItem/BookmarkListItem.svelte
@@ -141,7 +141,7 @@
 				{#if bookmark.tags}
 					{#each bookmark.tags as tag (tag.id)}
 						<a
-							href={`/tags/${tag.name}`}
+							href={`/tags/${tag.slug}`}
 							class="link w-full max-w-[8rem] whitespace-nowrap font-sans text-xs hover:text-secondary"
 							>{tag.name}</a
 						>