add this member is hidden tooltip

This commit is contained in:
Jake 2023-06-07 09:45:40 +02:00
parent fad5bd5e4a
commit 045bfa5981
1 changed files with 5 additions and 2 deletions

View File

@ -6,7 +6,7 @@
type User, type User,
type CustomPreferences, type CustomPreferences,
} from "$lib/api/entities"; } from "$lib/api/entities";
import { Icon } from "sveltestrap"; import { Icon, Tooltip } from "sveltestrap";
import FallbackImage from "./FallbackImage.svelte"; import FallbackImage from "./FallbackImage.svelte";
export let user: User; export let user: User;
@ -40,6 +40,8 @@
}; };
$: pronouns = getPronouns(member); $: pronouns = getPronouns(member);
let iconElement: HTMLElement;
</script> </script>
<div> <div>
@ -50,7 +52,8 @@
<a class="text-reset fs-5 text-break" href="/@{user.name}/{member.name}"> <a class="text-reset fs-5 text-break" href="/@{user.name}/{member.name}">
{member.display_name ?? member.name} {member.display_name ?? member.name}
{#if member.unlisted === true} {#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} {/if}
</a> </a>
{#if pronouns} {#if pronouns}