mirror of
https://github.com/PluralKit/PluralKit.git
synced 2026-02-13 17:20:14 +00:00
feat: dynamic icons based on visibility in lists
This commit is contained in:
parent
d027a9b05a
commit
90f5d63959
2 changed files with 27 additions and 8 deletions
|
|
@ -10,6 +10,7 @@
|
|||
import CardsHeader from '../CardsHeader.svelte';
|
||||
import ListPagination from '../ListPagination.svelte';
|
||||
import Svelecte, { addFormatter } from 'svelecte';
|
||||
import FaLock from 'svelte-icons/fa/FaLock.svelte';
|
||||
|
||||
export let isPublic: boolean;
|
||||
let itemLoading: boolean[] = [];
|
||||
|
|
@ -247,11 +248,19 @@
|
|||
<ListPagination bind:currentPage bind:pageAmount />
|
||||
<Accordion class="my-3" stayOpen>
|
||||
{#each slicedList as member, index (member.id)}
|
||||
<AccordionItem>
|
||||
<CardsHeader bind:item={member} loading={itemLoading[index]} slot="header">
|
||||
<FaUserCircle slot="icon"/>
|
||||
</CardsHeader>
|
||||
</AccordionItem>
|
||||
{#if (!isPublic && member.privacy.visibility === "public") || isPublic}
|
||||
<AccordionItem>
|
||||
<CardsHeader bind:item={member} loading={itemLoading[index]} slot="header">
|
||||
<FaUserCircle slot="icon" />
|
||||
</CardsHeader>
|
||||
</AccordionItem>
|
||||
{:else}
|
||||
<AccordionItem>
|
||||
<CardsHeader bind:item={member} loading={itemLoading[index]} slot="header">
|
||||
<FaLock slot="icon" />
|
||||
</CardsHeader>
|
||||
</AccordionItem>
|
||||
{/if}
|
||||
{/each}
|
||||
</Accordion>
|
||||
<ListPagination bind:currentPage bind:pageAmount />
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue