diff options
| author | Oliver <oliver@mohlin.dev> | 2025-04-08 15:21:57 +0200 |
|---|---|---|
| committer | Sebastian Holmin <sebastian.holmin@mullvad.net> | 2025-05-28 13:25:25 +0200 |
| commit | 3e8e04c298bd7a0dd3a4b8800d0689aed732db31 (patch) | |
| tree | b746692809480f70ed54b1281ee5922a5a082dd3 | |
| parent | f9f242165314a709c85a1b78f642f4a77ac36957 (diff) | |
| download | mullvadvpn-3e8e04c298bd7a0dd3a4b8800d0689aed732db31.tar.xz mullvadvpn-3e8e04c298bd7a0dd3a4b8800d0689aed732db31.zip | |
Convert ListItem components to named functions
3 files changed, 6 insertions, 6 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-content/ListItemContent.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-content/ListItemContent.tsx index 76ffe7f082..6065e56871 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-content/ListItemContent.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-content/ListItemContent.tsx @@ -31,7 +31,7 @@ export interface ListItemContentProps extends FlexProps { size?: Size; } -export const ListItemContent = ({ size = 'full', ...props }: ListItemContentProps) => { +export function ListItemContent({ size = 'full', ...props }: ListItemContentProps) { return ( <StyledFlex $size={size} @@ -44,4 +44,4 @@ export const ListItemContent = ({ size = 'full', ...props }: ListItemContentProp {...props} /> ); -}; +} diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-item/ListItemItem.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-item/ListItemItem.tsx index 6ac83b137d..268297200d 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-item/ListItemItem.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-item/ListItemItem.tsx @@ -23,7 +23,7 @@ const StyledDiv = styled.div<{ $backgroundColor: string }>` }} `; -export const ListItemItem = ({ children }: ListItemItemProps) => { +export function ListItemItem({ children }: ListItemItemProps) { const backgroundColor = useBackgroundColor(); return <StyledDiv $backgroundColor={backgroundColor}>{children}</StyledDiv>; -}; +} diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-trigger/ListItemTrigger.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-trigger/ListItemTrigger.tsx index 0bd65daaac..13aaa74a8f 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-trigger/ListItemTrigger.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-trigger/ListItemTrigger.tsx @@ -40,7 +40,7 @@ const StyledButton = styled(ButtonBase)<Pick<ListItemProps, 'disabled'>>` export type ListItemTriggerProps = React.HtmlHTMLAttributes<HTMLButtonElement>; -export const ListItemTrigger = (props: ListItemTriggerProps) => { +export function ListItemTrigger(props: ListItemTriggerProps) { const { disabled } = useListItem(); return <StyledButton disabled={disabled} {...props} />; -}; +} |