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

fix: Prevent isDisabled prop from passing to DOM in Settings/Security Link #8317

Merged

Conversation

harshrajeevsingh
Copy link
Contributor

Fixes: #8297

Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

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

PR Summary

Fixed React warning in Settings/Security tab by preventing invalid DOM attribute propagation.

  • Added shouldForwardProp option to StyledLink in /packages/twenty-front/src/modules/settings/security/components/SettingsSSOIdentitiesProvidersListCard.tsx to filter out isDisabled prop
  • Maintains existing disabled functionality through pointer-events CSS property

1 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings | Greptile

@@ -13,7 +13,9 @@ import styled from '@emotion/styled';
import { useRecoilValue } from 'recoil';
import { IconKey } from 'twenty-ui';

const StyledLink = styled(Link)<{ isDisabled: boolean }>`
const StyledLink = styled(Link, {
shouldForwardProp: (prop) => prop !== 'isDisabled',
Copy link
Member

Choose a reason for hiding this comment

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

Could you also add && isPropValid(prop) ? Thanks!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Done

Copy link
Member

@FelixMalfait FelixMalfait left a comment

Choose a reason for hiding this comment

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

Thank you!

@FelixMalfait FelixMalfait merged commit 2d6b239 into twentyhq:main Nov 6, 2024
17 checks passed
Copy link

github-actions bot commented Nov 6, 2024

Thanks @harshrajeevsingh for your contribution!
This marks your 9th PR on the repo. You're top 4% of all our contributors 🎉
See contributor page - Share on LinkedIn - Share on Twitter

Contributions

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.

Error in devtools while checking Security tab
2 participants