Todos (Convex)

{#if isAdding}Adding...{:else}Add{/if}

{#if isLoadingTodos}

Loading...

{:else if !hasTodos}

No todos yet.

{:else}

{#each todos as todo (todo._id)} {@const isTogglingThis = togglingId === todo._id} {@const isDeletingThis = deletingId === todo._id} {@const isDisabled = isTogglingThis || isDeletingThis}
• handleToggleTodo(todo._id, todo.completed)} disabled={isDisabled} /> {todo.text}
  handleDeleteTodo(todo._id)} disabled={isDisabled} aria-label="Delete todo" class="px-1 text-red-500 disabled:opacity-50" > {#if isDeletingThis}Deleting...{:else}X{/if}
{/each}

{/if} {#if todosQuery.error}

Error loading: {todosQuery.error?.message ?? 'Unknown error'}

{/if} {#if addError}

Error adding: {addError.message ?? 'Unknown error'}

{/if} {#if toggleError}

Error updating: {toggleError.message ?? 'Unknown error'}

{/if} {#if deleteError}

Error deleting: {deleteError.message ?? 'Unknown error'}

{/if}