some attempts at passing the loading prop in an each loop

This commit is contained in:
Spectralitree 2021-12-19 09:53:52 +01:00
parent 9d3bbc7e5c
commit fe204a53b2

View File

@ -12,7 +12,7 @@
import Svelecte, { addFormatter } from 'svelecte'; import Svelecte, { addFormatter } from 'svelecte';
export let isPublic: boolean; export let isPublic: boolean;
let itemLoading = false; let itemLoading: boolean[] = [];
export let list: Member[] = []; export let list: Member[] = [];
export let groups: Group[] = []; export let groups: Group[] = [];
@ -246,9 +246,9 @@
</Row> </Row>
<ListPagination bind:currentPage bind:pageAmount /> <ListPagination bind:currentPage bind:pageAmount />
<Accordion class="my-3" stayOpen> <Accordion class="my-3" stayOpen>
{#each slicedList as member (member.id)} {#each slicedList as member, index (member.id)}
<AccordionItem> <AccordionItem>
<CardsHeader bind:item={member} bind:loading={itemLoading} slot="header"> <CardsHeader bind:item={member} loading={itemLoading[index]} slot="header">
<FaUserCircle slot="icon"/> <FaUserCircle slot="icon"/>
</CardsHeader> </CardsHeader>
</AccordionItem> </AccordionItem>