mirror of
https://github.com/lingble/twenty.git
synced 2025-11-02 05:37:56 +00:00
fix: Prevent isDisabled prop from passing to DOM in Settings/Security Link (#8317)
Fixes: #8297
This commit is contained in:
@@ -9,11 +9,14 @@ import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
|
|||||||
import { SettingsCard } from '@/settings/components/SettingsCard';
|
import { SettingsCard } from '@/settings/components/SettingsCard';
|
||||||
import { SettingsSSOIdentitiesProvidersListCardWrapper } from '@/settings/security/components/SettingsSSOIdentitiesProvidersListCardWrapper';
|
import { SettingsSSOIdentitiesProvidersListCardWrapper } from '@/settings/security/components/SettingsSSOIdentitiesProvidersListCardWrapper';
|
||||||
import { SSOIdentitiesProvidersState } from '@/settings/security/states/SSOIdentitiesProviders.state';
|
import { SSOIdentitiesProvidersState } from '@/settings/security/states/SSOIdentitiesProviders.state';
|
||||||
|
import isPropValid from '@emotion/is-prop-valid';
|
||||||
import styled from '@emotion/styled';
|
import styled from '@emotion/styled';
|
||||||
import { useRecoilValue } from 'recoil';
|
import { useRecoilValue } from 'recoil';
|
||||||
import { IconKey } from 'twenty-ui';
|
import { IconKey } from 'twenty-ui';
|
||||||
|
|
||||||
const StyledLink = styled(Link)<{ isDisabled: boolean }>`
|
const StyledLink = styled(Link, {
|
||||||
|
shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'isDisabled',
|
||||||
|
})<{ isDisabled: boolean }>`
|
||||||
pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : 'auto')};
|
pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : 'auto')};
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
`;
|
`;
|
||||||
|
|||||||
Reference in New Issue
Block a user