Skip to content

feat(modal): re-introduce #7638

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

Merged
merged 5 commits into from
Apr 11, 2025
Merged

feat(modal): re-introduce #7638

merged 5 commits into from
Apr 11, 2025

Conversation

AugustinMauroy
Copy link
Member

@AugustinMauroy AugustinMauroy commented Apr 10, 2025

Description

Re-introduce modal component an make it more polyvalent

Validation

Related Issues

#7445

Check List

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

@AugustinMauroy AugustinMauroy added the github_actions:pull-request Trigger Pull Request Checks label Apr 10, 2025
@Copilot Copilot AI review requested due to automatic review settings April 10, 2025 18:55
@AugustinMauroy AugustinMauroy requested a review from a team as a code owner April 10, 2025 18:55
Copy link

vercel bot commented Apr 10, 2025

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

Name Status Preview Updated (UTC)
nodejs-org ✅ Ready (Inspect) Visit Preview Apr 11, 2025 7:26pm

Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

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

Copilot reviewed 3 out of 5 changed files in this pull request and generated 1 comment.

Files not reviewed (2)
  • packages/ui-components/Common/Modal/index.module.css: Language not supported
  • packages/ui-components/package.json: Language not supported
Comments suppressed due to low confidence (1)

packages/ui-components/Common/Modal/index.tsx:16

  • The component name 'ChangelogModal' implies a specific use case; consider renaming it to a more generic name like 'Modal' to align with the intended polyvalent usage.
const ChangelogModal: FC<ChangelogModalProps> = ({

Copy link
Contributor

github-actions bot commented Apr 10, 2025

Lighthouse Results

URL Performance Accessibility Best Practices SEO Report
/en 🟢 92 🟢 100 🟢 100 🟢 91 🔗
/en/about 🟢 100 🟢 100 🟢 100 🟢 91 🔗
/en/about/previous-releases 🟢 99 🟢 100 🟢 100 🟢 92 🔗
/en/download 🟢 99 🟢 100 🟢 100 🟢 91 🔗
/en/blog 🟢 100 🟢 100 🟢 96 🟢 92 🔗

Co-authored-by: Copilot <[email protected]>
Signed-off-by: Augustin Mauroy <[email protected]>
Copy link
Contributor

github-actions bot commented Apr 10, 2025

Unit Test Coverage Report

Title Lines Statements Branches Functions
@node-core/ui-components Coverage: 95%
95.83% (161/168) 77.86% (102/131) 88.57% (31/35)
@nodejs/website Coverage: 87%
84.7% (493/582) 76.03% (165/217) 86.88% (106/122)
Title Tests Skipped Failures Errors Time
@node-core/ui-components 24 0 💤 0 ❌ 0 🔥 4.924s ⏱️
@nodejs/website 156 0 💤 0 ❌ 0 🔥 6.508s ⏱️

Copy link
Member

@araujogui araujogui left a comment

Choose a reason for hiding this comment

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

LGTM

@bjohansebas
Copy link
Member

In the storybook, shouldn't it be open by default?

@araujogui
Copy link
Member

araujogui commented Apr 11, 2025

In the storybook, shouldn't it be open by default?

Agree, It took some minutes to understand why the modal wasn't showing up xD

@avivkeller
Copy link
Member

@AugustinMauroy Per the comments above, I've denied the Storybook UI tests because the tests don't accurately display the component.

(https://www.chromatic.com/test?appId=64c7d71358830e9105808652&id=67f83473d3be6c83bf6f4733 is blank, because the modal is closed)

Signed-off-by: Augustin Mauroy <[email protected]>
Copy link
Member

@canerakdas canerakdas left a comment

Choose a reason for hiding this comment

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

LGTM, apart from one nitpick, can you add the @radix-ui/react-dialog package to next.config.mjs file under optimizePackageImports 🙇

@ovflowd ovflowd added the github_actions:pull-request Trigger Pull Request Checks label Apr 11, 2025
@ovflowd ovflowd enabled auto-merge April 11, 2025 19:25
@github-actions github-actions bot removed the github_actions:pull-request Trigger Pull Request Checks label Apr 11, 2025
@ovflowd ovflowd added this pull request to the merge queue Apr 11, 2025
Merged via the queue into main with commit 781fdae Apr 11, 2025
15 checks passed
@ovflowd ovflowd deleted the reintroduce-modal branch April 11, 2025 19:33
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