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