🏠 Overview › 🧩 Components ›🧩 Note Editor Screen

Note Editor Screen

Component Detail

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

Description

Focused editor for a single note, used for both creation and modification. Captures free-form text, optional contact linkage, and exposes save and delete actions.

Feature: Notes

note-editor-screen

Sources & reasoning

Blueprint explicitly merges notes-list + note-editor into a single 'Notes' feature under the Notes area. Matrix rows in §4 mark notes and basic search across notes as universal needs. Target_release set to 'Core Product' since §4 places Notes in Phase 2 (NICE) and the area is not in the MVP always-on set in §5.

  • | Basic search (contact og notater) | ✓ | ✓ | ✓ | ✓ | ✓ | MUST | 1 | | Notater | ✓ | ✓ | ✓ | ✓ | ✓ | NICE | 2 |
  • | notes | Notes | Notes List, Note Editor |
  • Offline-first persistence (Drift + SQLCipher encrypted local DB, mutation outbox, sync queue with retry/backoff, ID mapping for offline-created entities, conflict resolver)

Responsibilities

  • Render an editable form bound to a single note draft
  • Validate non-empty content before allowing save
  • Persist changes via the Note Service on save
  • Confirm and dispatch deletion of the current note
  • Surface dirty-state warnings when leaving with unsaved edits

Interfaces

openEditor(noteId?: string, contactId?: string): void
saveNote(draft: NoteDraft): Note
deleteNote(noteId: string): void
discardChanges(): void

Related Data Entities (2)

Data entities managed by this component

Contacts 24 fields core Notes 15 fields core