IntersectMBO / IntersectMBO/cc-portal

Version History: A dedicated page for improved navigation and readability

Open
#437 5 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
5
Forks
1
PR merge metrics
No merged PRs in 30d

Description

As a user, I want to access the version history on a dedicated page, so I can view past versions and their comparisons more clearly without multiple pop-ups, ensuring a smoother and more organized experience.

DESCRIPTION (or, dare I say, RATIONALE)
Currently, accessing version history from the Interim Constitution page brings up a modal with a list of past versions. Selecting a version opens another pop-up modal to show a comparison between versions. This process can become cluttered and confusing. By creating a dedicated Version History page, users will have a clearer layout with the version list on the left (similar to the current content list layout on the Interim Constitution page) and the version comparison on the right. This approach will improve usability by providing a more structured view of version history and eliminating the need for multiple modals.

ACCEPTANCE CRITERIA
- [ ] - When a user clicks on the "See version history" button from the Interim Constitution page, they are taken to a new, dedicated Version History page. This should be the only place where you can access the Version History from. Clicking the "back" button will bring you back to the Interim Constitution page, or you can opt out to navigate through the top tab buttons.
- [ ] - The Version History List is displayed on the left side of the page, formatted similarly to the content list on the Interim Constitution page, allowing users to browse and select from past versions.
- [ ] - The Version Comparison Area is on the right side of the page, displaying detailed version comparisons for the version selected from the left list.
- [ ] - Each version in the list should be clickable, displaying the selected version’s comparison on the right side without navigating away or opening additional pop-ups.
- [ ] - Selecting a version from the list updates the comparison section to show changes between the selected version and the previous one. Selecting a version means also that the version should be highlighted in the list on the left.
- [ ] - The Version History page is fully responsive, ensuring that the layout adapts smoothly on both desktop and mobile devices, with the list and comparison areas stacking as necessary on smaller screens.

The previous modal-based version history view is removed, and all version history and comparison details are now accessible only via the new Version History page.

WIREFRAME
![Image](https://github.com/user-attachments/assets/ddf01636-05a2-4d58-916f-d1a7bb57f42a)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.