diff --git a/src/lib/components/svgs/TiktokIcon.svelte b/src/lib/components/svgs/TiktokIcon.svelte new file mode 100644 index 0000000..3e9c91c --- /dev/null +++ b/src/lib/components/svgs/TiktokIcon.svelte @@ -0,0 +1,10 @@ + + + diff --git a/src/routes/person/[id]/PersonPage.svelte b/src/routes/person/[id]/PersonPage.svelte index 13b7cb3..dace462 100644 --- a/src/routes/person/[id]/PersonPage.svelte +++ b/src/routes/person/[id]/PersonPage.svelte @@ -9,6 +9,7 @@ import ImdbIcon from '$lib/components/svgs/ImdbIcon.svelte'; import TwitterIcon from '$lib/components/svgs/TwitterIcon.svelte'; import YoutubeIcon from '$lib/components/svgs/YoutubeIcon.svelte'; + import TiktokIcon from '$lib/components/svgs/TiktokIcon.svelte'; import { DotFilled, InstagramLogo } from 'radix-icons-svelte'; const GENDER_OPTIONS = ['Not set', 'Female', 'Male', 'Non-binary'] as const; @@ -68,6 +69,12 @@ icon: InstagramLogo }); break; + case 'tiktok_id': + tmdbSocials.push({ + url: `https://www.tiktok.com/@${id}`, + icon: TiktokIcon + }); + break; } } } @@ -76,7 +83,7 @@ tmdbPerson, tmdbMoviesOn, tmdbSeriesOn, - tmdbSocials: tmdbSocials.slice(0, 6), + tmdbSocials, }; } @@ -112,7 +119,7 @@

Socials

-
+
{#each tmdbSocials ?? [] as Prop}