ItemView component: refactor to have separate components for each section

CSP Request Details

None

CSP Rejection Details

None

CSP Approved

None

Description

ItemView component is quite a big one (1994 lines of code) so it is hard to read it and maintain. This ticket aims to break it down into separate child components for each page section (accordion content), so the final structure should look like this:

  • Follow the Single Responsibility Principle (SRP): Each component should handle only one responsibility.

  • Extract subcomponents: If a JSX block inside return grows too large, move it into a separate component.

  • Lift state up if multiple components need access to it.

  • Use useMemo and useCallback if needed to prevent unnecessary recalculations and re-renders.

  • Use useQuery for requests.

  • Write unit tests with Jest + React Testing Library for new logic.

  • Check for accessibility issues.

Environment

None

Potential Workaround

None

Checklist

hide

Activity

Show:

Details

Assignee

Reporter

Priority

Story Points

Development Team

Folijet

Release

Trillium (R2 2025)

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs
Created March 5, 2025 at 11:48 AM
Updated March 5, 2025 at 7:17 PM
TestRail: Cases
TestRail: Runs