Change to using arrow functions (#1603)

* Change to using arrow functions

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Add lint rule

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
gitstart-twenty
2023-09-16 02:41:10 +01:00
committed by GitHub
parent 549335054a
commit 00a3c8ca2b
575 changed files with 2848 additions and 3063 deletions

View File

@ -25,14 +25,17 @@ const StyledClickable = styled.div`
}
`;
export function ContactLink({ className, href, children, onClick }: OwnProps) {
return (
<div>
<StyledClickable className={className}>
<ReactLink target="_blank" onClick={onClick} to={href}>
{children}
</ReactLink>
</StyledClickable>
</div>
);
}
export const ContactLink = ({
className,
href,
children,
onClick,
}: OwnProps) => (
<div>
<StyledClickable className={className}>
<ReactLink target="_blank" onClick={onClick} to={href}>
{children}
</ReactLink>
</StyledClickable>
</div>
);

View File

@ -18,12 +18,10 @@ const StyledClickable = styled.div`
}
`;
export function PrimaryLink({ href, children, onClick }: OwnProps) {
return (
<StyledClickable>
<ReactLink onClick={onClick} to={href}>
{children}
</ReactLink>
</StyledClickable>
);
}
export const PrimaryLink = ({ href, children, onClick }: OwnProps) => (
<StyledClickable>
<ReactLink onClick={onClick} to={href}>
{children}
</ReactLink>
</StyledClickable>
);

View File

@ -19,14 +19,12 @@ const StyledClickable = styled.div`
}
`;
export function RawLink({ className, href, children, onClick }: OwnProps) {
return (
<div>
<StyledClickable className={className}>
<ReactLink target="_blank" onClick={onClick} to={href}>
{children}
</ReactLink>
</StyledClickable>
</div>
);
}
export const RawLink = ({ className, href, children, onClick }: OwnProps) => (
<div>
<StyledClickable className={className}>
<ReactLink target="_blank" onClick={onClick} to={href}>
{children}
</ReactLink>
</StyledClickable>
</div>
);

View File

@ -21,22 +21,20 @@ const StyledClickable = styled.div`
}
`;
export function RoundedLink({ children, href, onClick }: OwnProps) {
return (
<div>
{children !== '' ? (
<StyledClickable>
<ReactLink target="_blank" to={href} onClick={onClick}>
<Chip
label={`${children}`}
variant={ChipVariant.Rounded}
size={ChipSize.Small}
/>
</ReactLink>
</StyledClickable>
) : (
<></>
)}
</div>
);
}
export const RoundedLink = ({ children, href, onClick }: OwnProps) => (
<div>
{children !== '' ? (
<StyledClickable>
<ReactLink target="_blank" to={href} onClick={onClick}>
<Chip
label={`${children}`}
variant={ChipVariant.Rounded}
size={ChipSize.Small}
/>
</ReactLink>
</StyledClickable>
) : (
<></>
)}
</div>
);

View File

@ -26,7 +26,7 @@ const StyledRawLink = styled(RoundedLink)`
}
`;
export function SocialLink({ children, href, onClick, type }: OwnProps) {
export const SocialLink = ({ children, href, onClick, type }: OwnProps) => {
let displayValue = children;
if (type === 'linkedin') {
@ -56,4 +56,4 @@ export function SocialLink({ children, href, onClick, type }: OwnProps) {
{displayValue}
</StyledRawLink>
);
}
};