🏠 Overview › 🧩 Components ›🧩 Notes List Screen

Notes List Screen

Component Detail

User Interface low complexity mobile
2
Dependencies
0
Dependents
0
Entities
0
Integrations

Description

Riverpod-managed Flutter screen displaying all notes for the current user. Shows creation date, associated contact name, and truncated body preview per item. Supports client-side search and sort with lazy loading for large collections.

Feature: Notes List

notes-list-screen

Responsibilities

  • Render paginated list of notes with creation date, contact name, and body preview
  • Provide search bar for client-side full-text filtering across title and body
  • Surface sort controls (by date, by contact) and empty-state messaging
  • Meet WCAG 2.2 AA requirements including 24x24px minimum touch targets and screen-reader labels

Interfaces

build(BuildContext) → Widget
onSearchQueryChanged(String query) → void
onSortChanged(NotesSortOrder order) → void
onNoteSelected(String noteId) → void
onCreateNoteTapped() → void

Relationships

Dependencies (2)

Components this component depends on

data Notes Table service Notes Service