summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorOliver <oliver@mohlin.dev>2025-01-17 09:42:21 +0100
committerMarkus Pettersson <markus.pettersson@mullvad.net>2025-01-17 16:58:04 +0100
commit17e5d8c0c91cbf47a0c70623fb424e2cc01aa206 (patch)
treeca903d1413b384fe08238df9d9447a195756945d
parentaf7c6796b2174447acc3b0d629a29910b30550e9 (diff)
downloadmullvadvpn-17e5d8c0c91cbf47a0c70623fb424e2cc01aa206.tar.xz
mullvadvpn-17e5d8c0c91cbf47a0c70623fb424e2cc01aa206.zip
Change size prop name in IconButton
-rw-r--r--desktop/packages/mullvad-vpn/src/renderer/components/app-navigation-header/components/AppNavigationHeaderBackButton.tsx2
-rw-r--r--desktop/packages/mullvad-vpn/src/renderer/components/app-navigation-header/components/AppNavigationHeaderInfoButton.tsx2
-rw-r--r--desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx6
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 (