fix(empty-state): replace misleading hint with an actual create button

The no-lists empty state said 'Tap the list name above to create one' —
but there is no list name above, just a static 'Tasks' label. The
actual affordance (+ New list) lives in the drawer, which may not be
open. Add a primary-button shortcut that opens the drawer and puts
focus in the new-list input in one click. Google Tasks workspaces are
read-only so they still get the explanatory text instead.
This commit is contained in:
Claude 2026-04-17 16:27:18 +00:00
parent 391c42aa18
commit 3acc4c3f5d
No known key found for this signature in database

View file

@ -657,7 +657,16 @@
{#if app.lists.length === 0} {#if app.lists.length === 0}
<div class="flex h-full flex-col items-center justify-center p-8 text-center"> <div class="flex h-full flex-col items-center justify-center p-8 text-center">
<p class="text-lg font-medium opacity-60">No lists yet</p> <p class="text-lg font-medium opacity-60">No lists yet</p>
<p class="mt-1 text-sm opacity-40">Tap the list name above to create one</p> {#if app.isGoogleTasks}
<p class="mt-1 text-sm opacity-40">Lists will appear after your next sync.</p>
{:else}
<button
onclick={() => { showDrawer = true; showNewList = true; }}
class="mt-4 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white hover:bg-primary-hover"
>
Create a list
</button>
{/if}
</div> </div>
{:else if !app.activeListId} {:else if !app.activeListId}
<div class="flex h-full items-center justify-center opacity-40"> <div class="flex h-full items-center justify-center opacity-40">