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

XOR-85 [Feat] Toggle to show/hide read notifications with defaulted to only show unread #41

Open
wants to merge 7 commits into
base: master
Choose a base branch
from

Conversation

amolsuryawanshi47
Copy link

@amolsuryawanshi47 amolsuryawanshi47 commented May 30, 2022

Product areas affected

fliplet-widget-notification-inbox

What does this PR do?

Toggle to show/hide read notifications, defaulted to only show unread

JIRA ticket
XOR-85

Result

XOR-85-R1.mp4

Checklist
-None

Testing instructions
-None

Deployment instructions
-None

Author concerns
-None

anerib
anerib previously approved these changes May 31, 2022
Copy link

@anerib anerib left a comment

Choose a reason for hiding this comment

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

LGTM

@tonytlwu tonytlwu changed the title XOR-85 [FEAT] Toggle to show/hide read notifications with defaulted to only show unread XOR-85 [Feat] Toggle to show/hide read notifications with defaulted to only show unread May 31, 2022
css/build.css Outdated
padding-left: 10px;
}

[data-notification-inbox-1-0-0-id] .unread-label {
Copy link
Contributor

Choose a reason for hiding this comment

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

See section 10.2 in https://docs.google.com/document/d/1XPlQHPbqp3rGGTekcC05bKtwKDDjrU2RMJ4VIHLXp64/edit#

Suggested change
[data-notification-inbox-1-0-0-id] .unread-label {
[data-notification-inbox-1-0-0-id] .label-unread {

Copy link
Author

Choose a reason for hiding this comment

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

Did the changes suggested by tony. Also gone through the docs

css/build.css Outdated
display: block;
}

[data-notification-inbox-1-0-0-id] .show-all-label {
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
[data-notification-inbox-1-0-0-id] .show-all-label {
[data-notification-inbox-1-0-0-id] .label-show-all {

Copy link
Author

Choose a reason for hiding this comment

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

Did the changes suggested by tony. Also gone through the docs

js/libs.js Outdated
@@ -75,6 +75,8 @@ Fliplet.Registry.set('notification-inbox:1.0:core', function(element, data) {
$notifications.after($loadMore);
}

$('.notification-read').hide();
Copy link
Contributor

Choose a reason for hiding this comment

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

This line tells me that if when a notification is rendered, after it's rendered, always hide the notifications that are read. Shouldn't it only do that if the toggle says "Only show unread"? See the following acceptance criteria.

If toggle is active to only show unread => Notification list is refreshed after a notifications goes from unread to read (Read notification no longer displayed)

Copy link
Author

Choose a reason for hiding this comment

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

it's my mistake. I will take care these thing next time. Did the changes suggested by u.
thanks

Copy link

@anerib anerib left a comment

Choose a reason for hiding this comment

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

Ok

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