Skip to content

Commit b75ea61

Browse files
committed
feat(navbar): use dynamic media type for discover links
updates the trending, recommended, anticipated, and popular navigation links to reactively use the active media type from the discover toggler instead of being hardcoded to movies.
1 parent 16df119 commit b75ea61

1 file changed

Lines changed: 7 additions & 4 deletions

File tree

projects/client/src/lib/sections/navbar/_internal/SideNavbarContent.svelte

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
import ListIcon from "$lib/components/icons/mobile/ListIcon.svelte";
55
import SearchIcon from "$lib/components/icons/SearchIcon.svelte";
66
import Link from "$lib/components/link/Link.svelte";
7+
import { useToggler } from "$lib/components/toggles/useToggler";
78
import * as m from "$lib/features/i18n/messages";
89
import RenderFor from "$lib/guards/RenderFor.svelte";
910
import { UrlBuilder } from "$lib/utils/url/UrlBuilder";
@@ -14,6 +15,8 @@
1415
}: {
1516
isCollapsed: boolean;
1617
} = $props();
18+
19+
const { current } = useToggler("discover");
1720
</script>
1821

1922
{#snippet iconSearch()}<SearchIcon />{/snippet}
@@ -60,19 +63,19 @@
6063
{isCollapsed}
6164
>
6265
{@render navSubLink(
63-
UrlBuilder.trending({ type: "movie" }),
66+
UrlBuilder.trending({ type: $current.value }),
6467
m.list_title_trending(),
6568
)}
6669
{@render navSubLink(
67-
UrlBuilder.recommended({ type: "movie" }),
70+
UrlBuilder.recommended({ type: $current.value }),
6871
m.list_title_recommended(),
6972
)}
7073
{@render navSubLink(
71-
UrlBuilder.anticipated({ type: "movie" }),
74+
UrlBuilder.anticipated({ type: $current.value }),
7275
m.list_title_most_anticipated(),
7376
)}
7477
{@render navSubLink(
75-
UrlBuilder.popular({ type: "movie" }),
78+
UrlBuilder.popular({ type: $current.value }),
7679
m.list_title_most_popular(),
7780
)}
7881
</NavGroup>

0 commit comments

Comments
 (0)