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

@ -51,7 +51,7 @@ const StyledHover = styled.span`
}
`;
export function Tab({
export const Tab = ({
id,
title,
Icon,
@ -59,7 +59,7 @@ export function Tab({
onClick,
className,
disabled,
}: TabProps) {
}: TabProps) => {
const theme = useTheme();
return (
<StyledTab
@ -75,4 +75,4 @@ export function Tab({
</StyledHover>
</StyledTab>
);
}
};

View File

@ -30,7 +30,7 @@ const StyledContainer = styled.div`
padding-left: ${({ theme }) => theme.spacing(2)};
`;
export function TabList({ tabs, context }: TabListProps) {
export const TabList = ({ tabs, context }: TabListProps) => {
const initialActiveTabId = tabs[0].id;
const [activeTabId, setActiveTabId] = useRecoilScopedState(
@ -61,4 +61,4 @@ export function TabList({ tabs, context }: TabListProps) {
))}
</StyledContainer>
);
}
};