[Bug] 'Add Your First Person' button on People page doesn't open AddPersonDrawer #144

New issue

Closed

opened 2026-07-17 22:25:38 +00:00 by Mark · 1 comment

Mark commented

2026-07-17 22:25:38 +00:00

Owner

Bug

The "Add Your First Person" button on the People page's empty state does not open the AddPersonDrawer form. Clicking the button produces 2 JavaScript errors (silent, swallowed by error boundary) and no visible UI change.

Steps to reproduce

Navigate to the People page on a fresh install (empty state)
Click the green "Add Your First Person" button
Nothing happens — no drawer, no modal, no form appears

Expected behavior

The AddPersonDrawer should slide up from the bottom with a form to create a new contact (name, phone, email, relationship type, etc.).

Technical notes

The button is rendered by the EmptyState component in src/components/EmptyState.tsx with onAction={openAddDrawer}
openAddDrawer() calls setDrawerOpen(true) on the People page (src/pages/People.tsx line 344)
AddPersonDrawer exists at src/pages/people/AddPersonDrawer.tsx and receives isOpen={drawerOpen}
The error boundary catches 2 JS exceptions but no error message is logged (see #148 — console.error stripping)
No console warning, no red screen in dev mode

Environment

Build: dev server (Vite)
Browser: Chromium
No people exist in the database (fresh state)

## Bug The **"Add Your First Person"** button on the People page's empty state does not open the AddPersonDrawer form. Clicking the button produces 2 JavaScript errors (silent, swallowed by error boundary) and no visible UI change. ## Steps to reproduce 1. Navigate to the People page on a fresh install (empty state) 2. Click the green **"Add Your First Person"** button 3. Nothing happens — no drawer, no modal, no form appears ## Expected behavior The AddPersonDrawer should slide up from the bottom with a form to create a new contact (name, phone, email, relationship type, etc.). ## Technical notes - The button is rendered by the `EmptyState` component in `src/components/EmptyState.tsx` with `onAction={openAddDrawer}` - `openAddDrawer()` calls `setDrawerOpen(true)` on the People page (`src/pages/People.tsx` line 344) - `AddPersonDrawer` exists at `src/pages/people/AddPersonDrawer.tsx` and receives `isOpen={drawerOpen}` - The error boundary catches 2 JS exceptions but no error message is logged (see #148 — console.error stripping) - No console warning, no red screen in dev mode ## Environment - Build: dev server (Vite) - Browser: Chromium - No people exist in the database (fresh state)