Show all members button on chat

This commit is contained in:
Jon Staab
2024-10-11 16:18:05 -07:00
parent aad1ad5f7c
commit 1be288dcd9
5 changed files with 33 additions and 9 deletions
+3 -3
View File
@@ -7,7 +7,7 @@
import {pubkey, inboxRelaySelectionsByPubkey, loadInboxRelaySelections} from "@welshman/app"
import Link from "@lib/components/Link.svelte"
import Icon from "@lib/components/Icon.svelte"
import Name from "@app/components/Name.svelte"
import ProfileName from "@app/components/ProfileName.svelte"
import ProfileCircle from "@app/components/ProfileCircle.svelte"
import ProfileCircles from "@app/components/ProfileCircles.svelte"
@@ -35,11 +35,11 @@
<div class="flex min-w-0 items-center gap-2">
{#if others.length === 1}
<ProfileCircle pubkey={others[0]} size={5} />
<Name pubkey={others[0]} />
<ProfileName pubkey={others[0]} />
{:else}
<ProfileCircles pubkeys={others} size={5} />
<p class="overflow-hidden text-ellipsis whitespace-nowrap">
<Name pubkey={others[0]} />
<ProfileName pubkey={others[0]} />
and {others.length - 1}
{others.length > 2 ? "others" : "other"}
</p>
+11
View File
@@ -0,0 +1,11 @@
<script lang="ts">
import Profile from "@app/components/Profile.svelte"
export let pubkeys
</script>
<div class="row-2">
{#each pubkeys as pubkey (pubkey)}
<Profile {pubkey} />
{/each}
</div>
+2 -2
View File
@@ -8,7 +8,7 @@
import Button from "@lib/components/Button.svelte"
import Suggestions from "@lib/editor/Suggestions.svelte"
import SuggestionProfile from "@lib/editor/SuggestionProfile.svelte"
import Name from "@app/components/Name.svelte"
import ProfileName from "@app/components/ProfileName.svelte"
import ProfileDetail from "@app/components/ProfileDetail.svelte"
import {pushDrawer} from "@app/modal"
@@ -54,7 +54,7 @@
<Icon icon="close-circle" size={4} class="-ml-1 mt-px" />
</Button>
<Button on:click={() => onClick(pubkey)}>
<Name {pubkey} />
<ProfileName {pubkey} />
</Button>
</div>
{/each}