NotesListScreen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
The primary screen for viewing and managing personal notes. Displays a searchable, scrollable list of notes linked to contacts or activities, with offline-first rendering from the local Drift database. Meets WCAG 2.2 AA requirements with proper contrast, touch targets, and screen reader labels.
notes-list-screen
Sources & reasoning
Line 163 places Notater as NICE priority in Phase 2 (maps to v1.0), confirmed by all five organizations. Line 162 ties notes to basic search (Phase 1 MUST), making the list a natural Phase 2 complement. The area taxonomy at line 465 canonically names this feature Notes List. Target v1.0 derived from Phase 2 matrix position.
-
docs/source/likeperson.md · line 163| Notater | ✓ | ✓ | ✓ | ✓ | ✓ | NICE | 2 |
-
docs/source/likeperson.md · line 162| Basic search (contact og notater) | ✓ | ✓ | ✓ | ✓ | ✓ | MUST | 1 |
-
docs/source/likeperson.md · line 465| notes | Notes | Notes List, Note Editor |
Responsibilities
- Render paginated list of notes with contact or activity context labels
- Provide search and filter controls to narrow notes by keyword or linked entity
- Display sync status indicators when operating offline
- Support note deletion and navigation to note detail or edit views
- Announce list updates and loading states to screen readers
Interfaces
loadNotes(filter: NoteFilter): void
searchNotes(query: string): void
deleteNote(noteId: string): void
navigateToDetail(noteId: string): void