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: enhancements to profile account notifications #1127

Merged
merged 19 commits into from
Jan 17, 2023
Merged

feat: enhancements to profile account notifications #1127

merged 19 commits into from
Jan 17, 2023

Conversation

jeffsikes
Copy link
Contributor

@jeffsikes jeffsikes commented Jan 14, 2023

This PR adds a tooltip to the Account Header's new notify button. The tooltip text changes as the notify button is toggled from on to off.

Additionally, the icon has changed from a "jingle bell" to a "notification bell" icon which is consistent with the concept of "notifications" in Elk (the same type of icon is used for global notifications as well). This was a discussion that occurred on Jan 15th in the UI Discord channel.

Fixes #1124

Huge thanks to @rshigg for working on these changes with me, as we both worked on similar parts of the code in separate PRs! 🙌🏼

The videos below show all 4 states of the notification button:

  1. inactive
  2. inactive hover
  3. active hover
  4. active

Before

Screen.Recording.2023-01-14.at.10.36.58.PM.mov

After

Screen.Recording.2023-01-15.at.3.50.50.PM.mov

Tooltip Screenshots

Screenshot 2023-01-15 at 3 52 34 PM

Screenshot 2023-01-15 at 3 52 41 PM

@stackblitz
Copy link

stackblitz bot commented Jan 14, 2023

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

@netlify
Copy link

netlify bot commented Jan 14, 2023

Deploy Preview for elk-docs canceled.

Name Link
🔨 Latest commit 4954bcd
🔍 Latest deploy log https://app.netlify.com/sites/elk-docs/deploys/63c59b3345d2cb00086604d4

@patak-dev
Copy link
Member

Thanks @jeffsikes to work with others on this feature. We're going to be able to move a lot faster if we start to do cross-reviews like this. @rshigg could you add a review to this PR before we merge?

components/account/AccountHeader.vue Outdated Show resolved Hide resolved
locales/en-US.json Outdated Show resolved Hide resolved
@netlify
Copy link

netlify bot commented Jan 15, 2023

Deploy Preview for elk-zone ready!

Name Link
🔨 Latest commit be15baa
🔍 Latest deploy log https://app.netlify.com/sites/elk-zone/deploys/63c40a97fe311c00086d765e
😎 Deploy Preview https://deploy-preview-1127--elk-zone.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Copy link
Contributor

@rshigg rshigg left a comment

Choose a reason for hiding this comment

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

Great work on this!

@patak-dev patak-dev merged commit fd662b8 into elk-zone:main Jan 17, 2023
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.

Account Notifications - Add tooltip to icon and include the action in the "More" menu.
3 participants