admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Prevent fullWidth from being passed to Link ie <a> (#6893)

Browse Source 
fixes #6825
This commit is contained in:
nitin
2024-09-09 18:52:59 +05:30
committed by GitHub
parent 5123655128
commit b01745dba7
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/twenty-front/src/modules/ui/navigation/link/components/UndecoratedLink.tsx
View File

@ -1,8 +1,15 @@
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import React from 'react'; import React from 'react';
import { Link } from 'react-router-dom'; import { Link, LinkProps } from 'react-router-dom';
const StyledUndecoratedLink = styled(Link)<{ fullWidth: boolean }>` type StyledLinkProps = LinkProps & {
fullWidth?: boolean;
};
const StyledUndecoratedLink = styled(
// eslint-disable-next-line react/jsx-props-no-spreading
({ fullWidth: _, ...props }: StyledLinkProps) => <Link {...props} />,
)<StyledLinkProps>`
text-decoration: none; text-decoration: none;
width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')}; width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')};
`; `;