pronounscc/frontend/src/lib/components/PronounLink.svelte
2023-03-14 02:18:21 +01:00

25 lines
662 B
Svelte

<script lang="ts">
import type { Pronoun } from "$lib/api/entities";
export let pronouns: Pronoun;
let pronounText: string;
if (pronouns.display_text) {
pronounText = pronouns.display_text;
} else {
const split = pronouns.pronouns.split("/");
if (split.length < 2) pronounText = split.join("/");
else pronounText = split.slice(0, 2).join("/");
}
const link = pronouns.display_text
? `${pronouns.pronouns},${pronouns.display_text}`
: pronouns.pronouns;
const shouldLink = pronouns.pronouns.split("/").length === 5;
</script>
{#if shouldLink}
<a href="/pronouns/{link}">{pronounText}</a>
{:else}
{pronounText}
{/if}