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

Improve notifications frontend #420

Closed
wants to merge 17 commits into from

Conversation

pratyush1712
Copy link
Member

Summary

Branching off of the previous popup aria tag fix pr, this pr improves the notifications design and implements view more functionality.

Note

This work is purely intuitive and is not based on any designs, so feel free to suggest any improvements or put it on hold until we have designs ready.

Test Plan

Home.-.Carriage.-.Brave.2023-03-08.01-40-58.mp4

@pratyush1712 pratyush1712 requested a review from a team as a code owner March 8, 2023 06:52
@dti-github-bot
Copy link
Member

dti-github-bot commented Mar 8, 2023

[diff-counting] Significant lines: 88.

@pratyush1712 pratyush1712 changed the title Pratyush/notification design Improve notifications frontend Mar 8, 2023

return (
<Popup
trigger={
<button className={styles.bell}>
<button id="popup" className={styles.bell}>
Copy link
Contributor

Choose a reason for hiding this comment

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

I've already commented on this, but we should not be hardcoding id's within components. Maybe we can fix this after we migrate to modern React (18) where you get the useId hook natively.

Enochen
Enochen previously approved these changes Mar 10, 2023
Copy link
Contributor

@Enochen Enochen left a comment

Choose a reason for hiding this comment

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

Let's fix master right now and reimplement it the right way later

Copy link
Contributor

@SGupta101 SGupta101 left a comment

Choose a reason for hiding this comment

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

Good job with this PR, the design looks great! I was looking at some design inspiration for notifications, and perhaps we could think about adding a "mark all as read" and "delete" notification feature as shown in the example below.

Screen Shot 2023-03-26 at 6 36 11 PM

@okteto-cloud
Copy link

okteto-cloud bot commented Aug 16, 2023

Your preview environment cornell-dti-carriage-web-pr-420 has been deployed.

Preview environment endpoints are available at:

@Atikpui007 Atikpui007 closed this Oct 3, 2024
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.

6 participants