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

@ -47,7 +47,7 @@ const StyledMainLogo = styled.div<StyledMainLogoProps>`
width: 100%;
`;
export function Logo({ workspaceLogo, ...props }: Props) {
export const Logo = ({ workspaceLogo, ...props }: Props) => {
if (!workspaceLogo) {
return (
<StyledContainer {...props}>
@ -64,4 +64,4 @@ export function Logo({ workspaceLogo, ...props }: Props) {
</StyledTwentyLogoContainer>
</StyledContainer>
);
}
};

View File

@ -10,10 +10,8 @@ const StyledContent = styled(UIModal.Content)`
type Props = React.ComponentProps<'div'>;
export function AuthModal({ children, ...restProps }: Props) {
return (
<UIModal isOpen={true} {...restProps}>
<StyledContent>{children}</StyledContent>
</UIModal>
);
}
export const AuthModal = ({ children, ...restProps }: Props) => (
<UIModal isOpen={true} {...restProps}>
<StyledContent>{children}</StyledContent>
</UIModal>
);

View File

@ -1,14 +1,14 @@
import React from 'react';
import { JSX, ReactNode } from 'react';
import styled from '@emotion/styled';
type OwnProps = {
children: React.ReactNode;
children: ReactNode;
};
const StyledSubTitle = styled.div`
color: ${({ theme }) => theme.font.color.secondary};
`;
export function SubTitle({ children }: OwnProps): JSX.Element {
return <StyledSubTitle>{children}</StyledSubTitle>;
}
export const SubTitle = ({ children }: OwnProps): JSX.Element => (
<StyledSubTitle>{children}</StyledSubTitle>
);

View File

@ -15,7 +15,7 @@ const StyledTitle = styled.div`
margin-top: ${({ theme }) => theme.spacing(4)};
`;
export function Title({ children, animate = false }: Props) {
export const Title = ({ children, animate = false }: Props) => {
if (animate) {
return (
<StyledTitle>
@ -25,4 +25,4 @@ export function Title({ children, animate = false }: Props) {
}
return <StyledTitle>{children}</StyledTitle>;
}
};