Edit Notes in AbsenceDetails

[kenzysoror]

Notion Ticket

Edit Notes in AbsenceDetails

Summary & Review Focus

• Editable text box appears when the editNotes button in AbsenceDetails is clicked
  • Initially populated with the absence's current notes
  • Minimum height = current notes height + 33px (design matching)
  • User's cursor is placed at the end of the notes
• "Cancel" and "Save Changes" buttons

Related Future Work

• "Save Changes" button should update the edited absence with the new notes (requires the WIP Edit Absence API)

Testing Instructions

0. Toggle to teacher view
1. Declare an absence with notes + click on the editNotes button
   a. Ensure the current notes + a 33px gap are visible
   b. Ensure your cursor is at the end of the current notes
   c. Ensure you can type in the box
   d. Ensure both the "Cancel" and "Save Changes" buttons close the text box
2. Declare an absence without notes + click on the editNotes button
   a. Ensure a line with your cursor + a 33 px gap are visible
   b. Ensure you can type in the box
   c. Ensure both the "Cancel" and "Save Changes" buttons close the text box

Checklist

• PR title is descriptive and in imperative tense
• Commit messages are descriptive, atomic, and follow best practices
• Linter(s) have been run
• Requested reviews from the PL and relevant team members

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
sistema	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 11, 2025 5:52pm

[ChinemeremChigbo]

LGTM