Skip to content

Create Notification Component#5955

Merged
ovflowd merged 1 commit into
nodejs:mainfrom
fa-901:issue-5948
Oct 6, 2023
Merged

Create Notification Component#5955
ovflowd merged 1 commit into
nodejs:mainfrom
fa-901:issue-5948

Conversation

@fa-901

@fa-901 fa-901 commented Oct 2, 2023

Copy link
Copy Markdown
Contributor

Description

Created a Notification based on the requirements from the issue.

  • New directory added: Common/Notification
  • Added Radix Toast Provider & Viewportin preview.tsx
  • Added a Storybook file
  • Added styles based on Figma design with support for both light & dark themes

Note:

In Storybook, the component will appear at the bottom right of the viewport. So it will not be immediately visible, you just need to scroll down a bit 😊

Validation

image
image

Related Issues

Resolves 5948

Check List

  • I have read the Contributing Guidelines and made commit messages that follow the guideline.
  • I have run npx turbo lint to ensure the code follows the style guide. And run npx turbo lint:fix to fix the style errors if necessary.
  • I have run npx turbo format to ensure the code follows the style guide.
  • I have run npx turbo test to check if all tests are passing.
  • I've covered new added functionality with unit tests if necessary.

@fa-901 fa-901 requested a review from a team as a code owner October 2, 2023 21:06
@vercel

vercel Bot commented Oct 2, 2023

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
nodejs-org ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 6, 2023 6:58pm

@github-actions

github-actions Bot commented Oct 3, 2023

Copy link
Copy Markdown
Contributor

Unit Test Coverage Report

Lines Statements Branches Functions
Coverage: 92%
90.74% (196/216) 72.34% (34/47) 87.23% (41/47)

Unit Test Report

Tests Skipped Failures Errors Time
17 0 💤 0 ❌ 0 🔥 5.466s ⏱️

Comment thread components/Common/Notification/index.stories.tsx Outdated
Comment thread .storybook/preview.tsx Outdated
Comment thread components/Common/Notification/index.tsx Outdated
Comment thread components/Common/Notification/index.tsx
Comment thread providers/notificationProvider.tsx Outdated

@ovflowd ovflowd left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Code-wise, LGTM! Waiting for that emitter, but thank you so much for your contribution!

Also if you could rebase the brabhc :)

Comment thread .storybook/preview.tsx Outdated
Comment thread .storybook/preview.tsx Outdated
Comment thread providers/notificationProvider.tsx Outdated
Comment thread providers/notificationProvider.tsx Outdated
Comment thread hooks/useNotification.ts Outdated
Comment thread .storybook/preview.tsx Outdated

@ovflowd ovflowd left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Good stuff!

@ovflowd ovflowd added the github_actions:pull-request Trigger Pull Request Checks label Oct 6, 2023
@github-actions github-actions Bot removed the github_actions:pull-request Trigger Pull Request Checks label Oct 6, 2023
@ovflowd ovflowd added this pull request to the merge queue Oct 6, 2023
Merged via the queue into nodejs:main with commit 7e90b95 Oct 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

hacktoberfest This Issue is meant for Hacktoberfest 2023

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create Notification Component

3 participants