From 050fd29b2e4b69cad0a5ecb6a529688c734a47e8 Mon Sep 17 00:00:00 2001 From: Shawn Date: Wed, 20 May 2026 23:14:12 -0400 Subject: [PATCH] Add T1 Empty States & Onboarding section --- Home.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/Home.md b/Home.md index da1454b..e84e4c2 100644 --- a/Home.md +++ b/Home.md @@ -19,6 +19,17 @@ Mobile-first web app for tracking physical assets via barcode scanning, OCR stic - **More popover** — 'More' tab opens popover with Customers, Reports, Activity, Settings (replaces drawer open) - **Slide transitions** — Smooth slide animations when switching between tab pages +### T1 Empty States & Onboarding — May 2026 +- **Consistent design pattern** across all pages: `renderEmptyState(icon, heading, desc, btnLabel, btnAction)` +- **Customers:** "No Customers Yet" with 🏢 icon, description, "Add Customer" CTA +- **Locations (customer detail):** "No Locations Yet" with 📍 icon, "Add Location" CTA +- **Dashboard:** Per-section empty states with descriptive hints of what would appear (categories, status bars, visit data, activity) +- **Reports:** All 4 sections (Service Summary, Visit Frequency, Time-on-Site per Tech, Time-on-Site per Asset) use empty state cards with guidance +- **Activity Feed:** "No Activity Yet" with CTA when no events exist +- **Onboarding:** Welcome overlay on first login with localStorage `canteen_onboarded` flag +- **Accessibility:** Modal overlay toggles `aria-hidden` on open/close for screen readers +- Commits: 6c1d5c3 (main), 1a87427 (geofence fix), 845523c (aria-hidden) + ### T9 Modal/Dialog System — May 2026 - **Custom modal system** replaced all native browser `prompt()`, `alert()`, `confirm()` calls - Supports 4 modal types: **confirm** (yes/no), **alert** (OK only), **prompt** (text input), **form** (multi-field)