Review Details Modal (Read-Only)
Description
In the "Team" tab, on the kanban board, a modal popup should appear when an editor clicks on a card to view detailed review information. You should create flexible component to host the review information. Note that you only need to handle the read-only part, so ignore the checkbox and delete for this issue. So essentially just this part.
Notes
There are several states of this modal based on:
- If the information is editable
- Editable if the manuscript version is the latest one
- Non-editable if user is viewing a previous manuscript version
- If the review is completed (self-explanatory)
In general, the modal should contain the following information:
- Title: reviewer's name and ID
- User Info
- Status: a badge
- Recommendation: a badge, none if review is not completed
- Review Content: because each organization can customize review form as shown here, the review content displayed on this modal should mirror the fields on the form. Additionally ,if the review is not completed, display placeholder message
- Toggles: "hide review", "hide reviewer name", and "shared" (these toggles originally live here)
Learning objectives
- React
- React Modal
- GraphQL
Useful links
- Completed Review Designs: https://www.figma.com/file/oS6QzvBfDvlqMRQ6aaRRjf/Kotahi-Draft?node-id=313%3A2303
- Incomplete Review Designs: https://www.figma.com/file/oS6QzvBfDvlqMRQ6aaRRjf/Kotahi-Draft?node-id=703%3A3892
- General Modal Component: #1108 (closed)