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

feat: Notifications Inbox Screen #77

Merged
merged 7 commits into from
Jan 8, 2025
Merged

Conversation

HamzaIsrar12
Copy link

@HamzaIsrar12 HamzaIsrar12 commented Dec 29, 2024

Description:

LEARNER-10346

A Notification Inbox Screen that organizes notifications into three categories: Recent (last 24 hours), This Week (past 7 days), and Older.

Screenshots:

Inbox Screen Empty Screen Error Screen
Screenshot_20250108_144055 No Notifications Dark Error Notifications Dark
Screenshot_20250108_144151 No Notifications Light Error Notifications Light

Figma:

Mobile Notifications UI Screen

Copy link
Collaborator

@k1rill k1rill left a comment

Choose a reason for hiding this comment

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

Good in general, just some questions

Copy link
Member

@farhan-arshad-dev farhan-arshad-dev left a comment

Choose a reason for hiding this comment

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

Some minor concerns.

  • Text color doesn't match with the Figma designs of static string like responded to a post....
  • Pull to refresh should be implemented.
  • No Quotation marks around the Post title.
  • bold Text weight looks higher than the Figma designs.
  • Ago word needs to be removed after the date as per the Fimga designs.
  • Sapce should be higher between notification text and date.

Fixes: LEARNER-10346
@HamzaIsrar12
Copy link
Author

Text color doesn't match with the Figma designs of static string like "responded to a post".

  • As discussed with Moiz, we should adopt the colors from our design palette.

Pull to refresh should be implemented.

  • This will be done in a separate PR. However, I already have the code ready and can push it if needed.

No quotation marks around the Post title.

  • Added.

Bold text weight appears heavier than in the Figma designs.

  • Changed from 700 to 600. Note that Figma used 500, but since we are using the same color, 500 didn't look as good.

"Ago" should be removed after the date as per the Figma designs.

  • Removed.

Space between the notification text and date should be higher.

  • The space is already set to 8.dp.

Copy link
Member

@farhan-arshad-dev farhan-arshad-dev left a comment

Choose a reason for hiding this comment

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

Comments added for the pending points.

Copy link
Member

@farhan-arshad-dev farhan-arshad-dev left a comment

Choose a reason for hiding this comment

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

LGTM 🔥 .

Copy link
Collaborator

@k1rill k1rill left a comment

Choose a reason for hiding this comment

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

LGTM

@HamzaIsrar12 HamzaIsrar12 merged commit 0a65db2 into 2U/develop Jan 8, 2025
3 checks passed
@HamzaIsrar12 HamzaIsrar12 deleted the hamza/LEARNER-10346 branch January 8, 2025 08:48
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.

3 participants