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:
parent
391c42aa18
commit
3acc4c3f5d
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue