Skip to content

Update the Notification Dropdown layout#367

Open
camila-carrillo wants to merge 1 commit intomainfrom
361-dev---update-the-notifaction-dropdown-layout
Open

Update the Notification Dropdown layout#367
camila-carrillo wants to merge 1 commit intomainfrom
361-dev---update-the-notifaction-dropdown-layout

Conversation

@camila-carrillo
Copy link
Contributor

ℹ️ Issue

Closes #361

📝 Description

Write a short summary of what you added. Why is it important? Any member of C4C should be able to read this and understand your contribution -- not just your team members.

Updated the notification dropdown to match the new Figma design/the updated version Rohan and I discussed at standup. This overall improves the user experience.

Briefly list the changes made to the code:

  1. Implemented the new design
  2. Switched to tailwind css

✔️ Verification

What steps did you take to verify your changes work? These should be clear enough for someone to be able to clone the branch and follow the steps themselves.

Made sure notifications populated from backend with correct message and time format. Verified pfp/fallback of initials show up with each notification. Deleted a notification using trash icon and ensured deletion in DB. Deleted multiple notifications using "delete all" to ensure functionality. Clicked outside dropdown to ensure it would close.

Provide screenshots of any new components, styling changes, or pages.

Screenshot 2026-03-20 180100 Screenshot 2026-03-20 173206 Screenshot 2026-03-20 180140

Test Changes

If your new feature required some test to be changed or added to fit the new functionality or changes please document these changes here.
n/a

🏕️ (Optional) Future Work / Notes

Did you notice anything ugly during the course of this ticket? Any bugs, design challenges, or unexpected behavior? Write it down so we can clean it up in a future ticket!

Avatar always shows the logged-in user's picture rather than the notification sender's since as the ticket mentioned we don't have functionality for the "added a grant" rn.

@camila-carrillo camila-carrillo linked an issue Mar 20, 2026 that may be closed by this pull request
@camila-carrillo camila-carrillo changed the title done Update the Notification Dropdown layout Mar 21, 2026
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.

DEV - Update the Notifaction Dropdown layout

1 participant