Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MorePage Update #206

Merged
merged 7 commits into from
Dec 7, 2024
Merged

MorePage Update #206

merged 7 commits into from
Dec 7, 2024

Conversation

AmarHadzic
Copy link
Collaborator

Fixes #203

What was changed
Updated the more page to reflect the Figma design. The more page was given a more modern look and cleaner layout. Now the more page is more structured and looks complete. This improves usability and user experience.

Why was it changed
Previously, the more page included too much text and looked plain, leading to a poor user experience. After the updates, the more page is visually appealing, consistent, and easy to navigate, leading to an improved user-experience.

How was it changed
The MorePage.tsx was completely rewritten based on the Figma design. A TeamPage.tsx file was created to display the team in a nice consistent format. Also, the AppNavigation.tsx file was edited to support go back and forth between the More page and its sub pages.

Copy link
Collaborator

@rcAsironman rcAsironman left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@AmarHadzic, good work! However, please follow the Figma design as mentioned in the GitHub issue description.

Changes required:

  • Add an automatic carousel.
  • The dark mode and light mode toggle should reflect the design exactly as it appears in Figma.

Expected output:

IMG_0355.MOV

@AmarHadzic AmarHadzic requested a review from yashb196 December 1, 2024 21:24
Copy link
Collaborator

@rcAsironman rcAsironman left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@AmarHadzicI found a few alignment issues in your work. On Android, the content in the MorePage overflows and occupies the status bar. Also, on iOS, when I scroll through the options, they overlap with the image carousel. I'll attach the screenshot and screen recording below.

Screenshot_20241202-135102

ScreenRecording_12-02-2024.13-49-45_1.MP4

@AmarHadzic
Copy link
Collaborator Author

@rcAsironman , just resolved those issues

Copy link
Collaborator

@rcAsironman rcAsironman left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm;

__tests__/MoreScreen.test.tsx Show resolved Hide resolved
@rcAsironman rcAsironman merged commit a3a62ee into main Dec 7, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Update MorePage to Match Figma Design with improved Usability.
3 participants