diff options
| author | Oliver <oliver@mohlin.dev> | 2025-01-17 09:42:21 +0100 |
|---|---|---|
| committer | Markus Pettersson <markus.pettersson@mullvad.net> | 2025-01-17 16:58:04 +0100 |
| commit | 17e5d8c0c91cbf47a0c70623fb424e2cc01aa206 (patch) | |
| tree | ca903d1413b384fe08238df9d9447a195756945d | |
| parent | af7c6796b2174447acc3b0d629a29910b30550e9 (diff) | |
| download | mullvadvpn-17e5d8c0c91cbf47a0c70623fb424e2cc01aa206.tar.xz mullvadvpn-17e5d8c0c91cbf47a0c70623fb424e2cc01aa206.zip | |
Change size prop name in IconButton
3 files changed, 5 insertions, 5 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/app-navigation-header/components/AppNavigationHeaderBackButton.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/app-navigation-header/components/AppNavigationHeaderBackButton.tsx index 686305180a..9ab08bf576 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/app-navigation-header/components/AppNavigationHeaderBackButton.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/app-navigation-header/components/AppNavigationHeaderBackButton.tsx @@ -23,7 +23,7 @@ export const AppNavigationHeaderBackButton = () => { return ( <IconButton variant="secondary" - size="regular" + size="medium" icon={iconSource} aria-label={ariaLabel} onClick={parentBackAction} diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/app-navigation-header/components/AppNavigationHeaderInfoButton.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/app-navigation-header/components/AppNavigationHeaderInfoButton.tsx index 882308e454..286d46730f 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/app-navigation-header/components/AppNavigationHeaderInfoButton.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/app-navigation-header/components/AppNavigationHeaderInfoButton.tsx @@ -1,5 +1,5 @@ import InfoButton, { InfoButtonProps } from '../../InfoButton'; export const AppNavigationHeaderInfoButton = (props: InfoButtonProps) => { - return <InfoButton size="regular" variant="secondary" {...props} />; + return <InfoButton variant="secondary" {...props} />; }; diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx index 606f757fdc..691be4c9d7 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx @@ -8,7 +8,7 @@ import { buttonReset } from '../../styles'; export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> { variant?: 'primary' | 'secondary'; - size?: 'small' | 'regular'; + size?: 'small' | 'medium'; icon: string; } @@ -27,7 +27,7 @@ const variants = { const sizes = { small: 16, - regular: 24, + medium: 24, }; const StyledButton = styled.button({ @@ -44,7 +44,7 @@ const StyledButton = styled.button({ }); export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>( - ({ icon, variant = 'primary', size: sizeProp = 'regular', disabled, style, ...props }, ref) => { + ({ icon, variant = 'primary', size: sizeProp = 'medium', disabled, style, ...props }, ref) => { const styles = variants[variant]; const size = sizes[sizeProp]; return ( |
