|
1 | 1 | <script lang="ts"> |
| 2 | + import LoadingCircle from '$lib/components/svg/LoadingCircle.svelte'; |
2 | 3 | import * as Table from '$lib/components/ui/table'; |
| 4 | + import { UserShares, refreshUserShares } from '$lib/stores/UserSharesStore'; |
3 | 5 | import EditShare from './edit-share.svelte'; |
4 | 6 | import UserShareItem from './user-share-item.svelte'; |
5 | | - import LoadingCircle from '$lib/components/svg/LoadingCircle.svelte'; |
6 | | - import { UserShares, refreshUserShares } from '$lib/stores/UserSharesStore'; |
7 | 7 |
|
8 | 8 | let editShareDrawerOpen = $state(false); |
9 | 9 | let editShareDrawerOpenCount = $state(0); |
10 | 10 | let editIndex = $state(0); |
11 | | - let refreshPromise = $state(refreshUserShares()) |
| 11 | + let refreshPromise = $state(refreshUserShares()); |
12 | 12 |
|
13 | 13 | function openEditDrawer(userShareIndex: number) { |
14 | 14 | editIndex = userShareIndex; |
|
19 | 19 |
|
20 | 20 | {#key editShareDrawerOpenCount} |
21 | 21 | {#if $UserShares.outgoing[editIndex] !== undefined} |
22 | | - <EditShare |
23 | | - storeIndex={editIndex} |
24 | | - bind:editDrawer={editShareDrawerOpen} |
25 | | - /> |
| 22 | + <EditShare storeIndex={editIndex} bind:editDrawer={editShareDrawerOpen} /> |
26 | 23 | {/if} |
27 | 24 | {/key} |
28 | 25 |
|
29 | 26 | {#await refreshPromise} |
30 | | -<div class="flex justify-center items-center h-full w-full"> |
31 | | -<LoadingCircle /> |
32 | | -</div> |
| 27 | + <div class="flex justify-center items-center h-full w-full"> |
| 28 | + <LoadingCircle /> |
| 29 | + </div> |
33 | 30 | {:then fetched} |
34 | | -<div class="rounded-md border overflow-y-auto mb-6"> |
35 | | - <Table.Root> |
36 | | - <Table.Body> |
37 | | - {#each $UserShares.outgoing as userShare, i (userShare.id)} |
38 | | - <UserShareItem |
39 | | - storeIndex={i} |
40 | | - onOpenEdit={() => openEditDrawer(i)} |
41 | | - /> |
42 | | - {/each} |
43 | | - </Table.Body> |
44 | | - </Table.Root> |
45 | | -</div> |
46 | | - |
| 31 | + <div class="rounded-md border overflow-y-auto mb-6"> |
| 32 | + <Table.Root> |
| 33 | + <Table.Body> |
| 34 | + {#each $UserShares.outgoing as userShare, i (userShare.id)} |
| 35 | + <UserShareItem storeIndex={i} onOpenEdit={() => openEditDrawer(i)} /> |
| 36 | + {/each} |
| 37 | + </Table.Body> |
| 38 | + </Table.Root> |
| 39 | + </div> |
47 | 40 | {:catch error} |
48 | 41 | <div class="text-red-500">Failed to load shares: {error.message}</div> |
49 | 42 | {/await} |
50 | | - |
0 commit comments