Skip to content

Conversation

@kasvith
Copy link
Contributor

@kasvith kasvith commented Jan 19, 2026

Summary

Transform the surgery view page into an editable document where staff can quickly update any field before printing.

  • Add inline edit components (rich text, text, date, doctors)
  • All fields always visible with click-to-add placeholders
  • Each field saves independently with toast notifications
  • Keyboard shortcuts: Esc to cancel, Cmd/Ctrl+Enter to save
  • Display notes cards as full-width rows for easier editing
  • Rename "Edit" button to "Edit All" for bulk editing

Test plan

  • Open a surgery view page
  • Click on any field to enter edit mode
  • Verify save/cancel buttons work
  • Test keyboard shortcuts (Esc, Cmd+Enter)
  • Verify changes persist after refresh
  • Test the "Edit All" button still navigates to full edit page

Transform the surgery view page into an editable document where staff
can quickly update any field before printing. Key changes:

- Add InlineEditableField base component with keyboard shortcuts
- Add InlineEditableRichText for rich text fields (notes, post-op, etc.)
- Add InlineEditableText for simple text fields (BHT, ward)
- Add InlineEditableDate for date picker fields
- Add InlineEditableDoctors for doctor multi-select with search
- Add EditableFieldCard wrapper component
- All fields are now always visible with click-to-add placeholders
- Each field saves independently with toast notifications
- Rename "Edit" button to "Edit All" for bulk editing
- Display notes cards as full-width rows for easier editing
@kasvith kasvith merged commit 1b7010a into main Jan 19, 2026
2 checks passed
@kasvith kasvith deleted the feat/inline-surgery-editing branch January 19, 2026 16:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants