search

codediodeio / sveltefire

Cybernetically enhanced Firebase apps
MIT License
1.67k stars 127 forks source link

loading state for collection reference #145

Open anasmohammed361 opened 10 months ago

anasmohammed361 commented 10 months ago

When using Collection , We dont trigger the loading state , as the initial value in never undefined.

https://github.com/codediodeio/sveltefire/issues/96

https://github.com/codediodeio/sveltefire/issues/140

https://github.com/codediodeio/sveltefire/issues/142

nickt28 commented 4 months ago

@codediodeio I am having the same issue, why not make the count prop start at -1 or allow startWith={undefined} to pass on the undefined state. I have created this hack:

<Collection ref={'taskLists'} let:data={taskLists} startWith={[{ loading: true }]} let:count={taskListCount}>
  {#if taskLists[0]?.loading}
    <Loading />
  {:else}
    <showTasks tasks={taskLists} />
  {/if}
  // Useless
  <svelte:fragment slot="loading"></svelte:fragment>
</Collection>