Change Details

====Description This task aims to implement an 'End of Highlight' screen that appears after a user has finished reading a highlight. The screen will present the user with a selection of 3-4 highlights that they can navigate to next. ====Design **Layout:** - The screen consists of a header, a 2x2 card grid section, and a footer. - Header: Use the existing chrome style but only include the 'Next Up' title. Align this title adjacent to the back arrow. - Footer: Place a text link saying "See All WikiHighlights" at the bottom center. **Card Section:** - Use the card design consistent with the category page. - Display 4 highlight cards in a 2x2 grid layout. **Card content & randomness logic:** - Display 4 highlight cards in a 2x2 grid, similar to the layout on the category page. - If there are remaining highlights from the current topic the user is reading, use the first slots for those. - Fill any remaining slots with highlights from different topics. - Include a text link at the bottom center saying "See All WikiHighlights." - Make the text link clickable, which navigates the user to the category page. - Text properties: Font size 14px, Weight: Medium, Color: #3366cc. **Interactions:** - Tapping on a card takes the user to the respective highlight. - Tapping on the 'See All WikiHighlights' link takes the user to the category page. **Footer:** - Include a footer with a centered text link saying "See All WikiHighlights." **Acceptance Criteria** - The 'Next Up' screen should load seamlessly after a user has finished reading a highlight. - All user interactions like tapping on cards or the 'See All WikiHighlights' link should work as intended. - The design should be responsive and should look good on different device sizes.

====Description This task aims to implement an 'End of Highlight' screen that appears after a user has finished reading a highlight. The screen will present the user with a selection of 3-4 highlights that they can navigate to next. ====Design **Layout:** - The screen consists of a header, a 2x2 card grid section, and a footer. - Header: Use the existing chrome style but only include the 'Next Up' title. Align this title adjacent to the back arrow. - Footer: Place a text link saying "See All WikiHighlights" at the bottom center. **Card Section:** - Use the card design consistent with the category page. - Display 4 highlight cards in a 2x2 grid layout. **Card content & randomness logic:** - Display 4 highlight cards in a 2x2 grid, similar to the layout on the category page. - If there are remaining highlights from the current topic the user is reading, use the first slots for those. - Fill any remaining slots with highlights from different topics. - Include a text link at the bottom center saying "See All WikiHighlights." - Make the text link clickable, which navigates the user to the category page. - Text properties: Font size 14px, Weight: Medium, Color: #3366cc. **Interactions:** - Tapping on a card takes the user to the respective highlight. - Tapping on the 'See All WikiHighlights' link takes the user to the category page. **Acceptance Criteria** - The 'Next Up' screen should load seamlessly after a user has finished reading a highlight. - All user interactions like tapping on cards or the 'See All WikiHighlights' link should work as intended. - The design should be responsive and should look good on different device sizes.

====Description This task aims to implement an 'End of Highlight' screen that appears after a user has finished reading a highlight. The screen will present the user with a selection of 3-4 highlights that they can navigate to next. ====Design **Layout:** - The screen consists of a header, a 2x2 card grid section, and a footer. - Header: Use the existing chrome style but only include the 'Next Up' title. Align this title adjacent to the back arrow. - Footer: Place a text link saying "See All WikiHighlights" at the bottom center. **Card Section:** - Use the card design consistent with the category page. - Display 4 highlight cards in a 2x2 grid layout. **Card content & randomness logic:** - Display 4 highlight cards in a 2x2 grid, similar to the layout on the category page. - If there are remaining highlights from the current topic the user is reading, use the first slots for those. - Fill any remaining slots with highlights from different topics. - Include a text link at the bottom center saying "See All WikiHighlights." - Make the text link clickable, which navigates the user to the category page. - Text properties: Font size 14px, Weight: Medium, Color: #3366cc. **Interactions:** - Tapping on a card takes the user to the respective highlight. - Tapping on the 'See All WikiHighlights' link takes the user to the category page. **Footer:** - Include a footer with a centered text link saying "See All WikiHighlights." **Acceptance Criteria** - The 'Next Up' screen should load seamlessly after a user has finished reading a highlight. - All user interactions like tapping on cards or the 'See All WikiHighlights' link should work as intended. - The design should be responsive and should look good on different device sizes.