{#if $isAuthenticated}
{#snippet child({ props })}
{#if size !== 'icon'}
{isInAnyList ? 'In Lists' : 'Add to List'}
{/if}
{/snippet}
Add to Reading List
Select lists to add or remove this novel.
{#if fetching}
{:else if error}
{error}
{:else if readingLists.length === 0 && !showQuickCreate}
No reading lists yet
(showQuickCreate = true)}>
Create your first list
{:else}
{#each readingLists as list (list.id)} {@const isInList = novelInLists.has(list.id)} {@const isLoading = loadingListIds.has(list.id)}
toggleNovelInList(list.id)} disabled={isLoading} >
{#if isLoading}
{:else if isInList}
{/if}
{list.name}
{list.itemCount} {list.itemCount === 1 ? 'novel' : 'novels'}
{/each}
{#if showQuickCreate}
{#if creatingList}
{:else} Add {/if}
{#if createError}
{createError}
{/if}
{:else}
(showQuickCreate = true)} >
Create new list
{/if} {/if}
{/if}