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:
@ -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>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
@ -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>
|
||||
);
|
||||
|
||||
@ -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>
|
||||
);
|
||||
|
||||
@ -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>;
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user