merge: 'feat: add unlisted member indicator to member list' (#69)

This commit is contained in:
Sam 2023-06-10 16:47:01 +02:00
commit 0fb6ac64a6
No known key found for this signature in database
GPG Key ID: B4EF20DDE721CAA1
1 changed files with 5 additions and 2 deletions

View File

@ -6,7 +6,7 @@
type User,
type CustomPreferences,
} from "$lib/api/entities";
import { Icon } from "sveltestrap";
import { Icon, Tooltip } from "sveltestrap";
import FallbackImage from "./FallbackImage.svelte";
export let user: User;
@ -40,6 +40,8 @@
};
$: pronouns = getPronouns(member);
let iconElement: HTMLElement;
</script>
<div>
@ -50,7 +52,8 @@
<a class="text-reset fs-5 text-break" href="/@{user.name}/{member.name}">
{member.display_name ?? member.name}
{#if member.unlisted === true}
<Icon name="lock"/>
<span bind:this={iconElement} tabindex={0}><Icon name="lock"/></span>
<Tooltip target={iconElement} placement="top">This member is hidden</Tooltip>
{/if}
</a>
{#if pronouns}