BUG: API call to retrieve details for a single claim is failing

[liztownd]

Issue Description

Context

Now that there is a link from a different FE app (appointments) directly to the claim details page it is clear that the call to the API to retrieve claim details for a single travel claim is not configured properly.

In staging, the FE is attempting to call:
https://staging-api.va.gov/travel_pay/v0/claims/undefined

(i.e., the ID of the claim is not being pulled in from the URL params before the API call is being made)

Design

screenshot of the design

Impact

Notes

URL

va.gov URL here. Like: va.gov/my-health/travel_pay/status

Front end tasks

• Component written
• Component integrated with backend (if a full-stack story)
• Config
  • Routes.jsx updated if needed
  • manifest.json updated if needed
  • content-build/applications/registry.json updated if needed
• Tests written
  • Unit
    • Happy path
    • Exhaustive failure paths
  • Integration
  • E2E Cypress Tests
  • Tests created in TestRail
• Testing
  • Unit tests pass
  • Cypress tests pass
  • QA testing - try to break it in staging
• Accessibility testing
  • Axe checks pass
  • Heading checks pass
  • Screen reader testing passes
• Improve 1 thing about the codebase - here are some ideas

Acceptance Criteria

• Frontend tasks complete
• I can navigate to the URL above and see the intended feature shown above