merge: 'feat: add unlisted member indicator to member list' (#69)
This commit is contained in:
commit
0fb6ac64a6
|
@ -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}
|
||||||
|
|
Loading…
Reference in New Issue