UXD - Service request details bottom sheet

[Joy-Truex]

Overview

We need to adapt the Service Request modal design for mobile devices so users can view information about individual service requests.

More Details

The Service Request design should appear as a bottom sheet. The included components should not be altered from the desktop design unless strong justification is provided and approved.

Action Items

• Adapt the existing elements for mobile (following the general approved outline from UXD - Low fidelity mockups for mobile-lite
  UXD - Low fidelity mockups for mobile-lite #2046 and listed in the resources section)
  • Service Request Details bottom sheet
• Update component(s) in design system library
• Document user interaction in Figma
• Update the Hand Off section of this ticket with the final iteration of this design

---

Design Iterations

Please move ticket between In Progress and In Review to assist PM team

Iteration 1

Link to notes: REPLACE WITH COMMENT URL

REPLACE WITH SCREENSHOT UPLOAD

---

Hand Off Materials

Figma Section Name: REPLACE WITH SECTION NAME

Before Screenshot

REPLACE WITH SCREENSHOT UPLOAD

After Screenshot (Finalized)

REPLACE WITH SCREENSHOT UPLOAD

Designer Resources

Mockup ticket: UXD - Low fidelity mockups for mobile-lite
#2046
See (#2046 (comment)) dropdown

Results Service request details bottom sheet

Iteration Dropdown Copy/Paste

<details><summary>Iteration X</summary>
<p>

Link to notes: `REPLACE WITH COMMENT URL`

`REPLACE WITH SCREENSHOT UPLOAD`

</p>
</details> 

Instructions for Engineering Hand Off

To Start Engineering Hand Off...

1. Ensure all Hand Off Materials are filled in
2. Add the "ready for dev lead" label
3. Leave a comment saying "This ticket is ready for engineering hand off."