Box Request Status Page (User)

[raystorm]

User Story

As a user
I want to view the status of my box requests
So that I can track the approval process and see any feedback

Acceptance Criteria

Given I am a logged-in user
When I navigate to the Box Request Status page
Then I see all my box requests with their current status
And I can access this page from the AppBar menu

Scenario: My requests display
  Given I have submitted box requests
  When I view the Box Request Status page
  Then I see for each of my requests:
    - Requested box name
    - Purpose I provided
    - Request date
    - Current status (Pending/Approved/Denied)
    - Denial reason (if denied)
    - Approval date (if approved)
  And I only see my own requests

Scenario: No requests
  Given I have not submitted any box requests
  When I view the Box Request Status page
  Then I see a message indicating no requests found
  And I see a link to submit a new request

Technical Tasks

• Create BoxRequestStatusPage component
• Add route /my-box-requests
• Add "My Box Requests" menu item to AppBar
• Create myBoxRequests GraphQL query (filter by current user)
• Display requests in MUI DataGrid or list
• Show status with appropriate styling (pending/approved/denied)
• Display denial reasons clearly
• Add empty state with call-to-action
• Add loading and error states
• Test with different request statuses

Implementation Notes

• Static URL: /my-box-requests
• Filter requests by current user ID
• Use status-specific styling (colors, icons)
• Link to submit new request form
• Consider refresh functionality

Related

• Epic Box display  #2: Request & Approval Workflow
• Story: Submit Box Request
• Story: Box Request List Page (admin)