From 045bfa5981fe519c77780e2a0853f07037b762b2 Mon Sep 17 00:00:00 2001
From: Jake <jake@fulmine.xyz>
Date: Wed, 7 Jun 2023 09:45:40 +0200
Subject: [PATCH] add this member is hidden tooltip

---
 frontend/src/lib/components/PartialMemberCard.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/PartialMemberCard.svelte b/frontend/src/lib/components/PartialMemberCard.svelte
index f60dc57..fc2b3e4 100644
--- a/frontend/src/lib/components/PartialMemberCard.svelte
+++ b/frontend/src/lib/components/PartialMemberCard.svelte
@@ -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}