Closed igawaclawska closed 2 months ago
Name | Link |
---|---|
Latest commit | a70a26346a8eaaa8d21339efef1cdbba0e8489a1 |
Latest deploy log | https://app.netlify.com/sites/voluble-nougat-015dd1/deploys/661e49916682dd000833f86c |
Deploy Preview | https://deploy-preview-337--voluble-nougat-015dd1.netlify.app |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
Select Interests Onboarding page PR
UI Changes
SelectInterests
page is mobile-friendly and made with the previously defined components from theinfo_page_shared
folder. I have also added new components, such asTag.js
andTagContainer.js
(please see more details on the implementation in the implementation section)SelectInterests
page allows independent learners to customize the content of the article recommendation list in one of the first steps of their interaction with Zeeguu. It also informs them that the application enables users to adjust these settings anytime they wish (onboarding type: customization and feature promotion).Implementation:
info_page_shared
directory. Two new universal components,Tag.js
andTagContainer.js
, have been created./select_interests
.SelectInterests
page sends users to various locations depending on whether their device or browser supports the extension and whether the Zeeguu Reader is already installed. ThenavigateToNextPage()
function takes care of this.pages/SelectInterests.js
page andarticles/TagsOfInterests.js
component (with one minor difference - theSelectInterests
page does not support adding custom interests tags). To avoid code duplication, I have factored this part of the code out and placed it in a custom hook calleduseSelectInterest.js
allTopics
(selected and not selected) sorted array is now a state to make it possible to export it from the hookOther:
MainImage
withFullWidthImage
.