merge: 'feat: add unlisted member indicator to member list' (#69)
This commit is contained in:
		
						commit
						0fb6ac64a6
					
				
					 1 changed files with 5 additions and 2 deletions
				
			
		|  | @ -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…
	
	Add table
		Add a link
		
	
		Reference in a new issue