diff options
| author | Oliver <oliver@mohlin.dev> | 2025-05-30 10:56:54 +0200 |
|---|---|---|
| committer | Markus Pettersson <markus.pettersson@mullvad.net> | 2025-06-03 08:51:02 +0200 |
| commit | e9f147b5228237a0a7528565de1a094455678627 (patch) | |
| tree | 9548ba1cb44a46a0f2c86f94bf5c7951aa39be9d | |
| parent | 5e79d6664ff66184adf2ef36516c6097048404cd (diff) | |
| download | mullvadvpn-e9f147b5228237a0a7528565de1a094455678627.tar.xz mullvadvpn-e9f147b5228237a0a7528565de1a094455678627.zip | |
Add ListItemIcon to ListItem
4 files changed, 13 insertions, 0 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx index 3d969f3cb3..1a37760d97 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx @@ -5,6 +5,7 @@ import { ListItemContent, ListItemFooter, ListItemGroup, + ListItemIcon, ListItemItem, ListItemLabel, ListItemText, @@ -41,6 +42,7 @@ const ListItemNamespace = Object.assign(ListItem, { Trigger: ListItemTrigger, Item: ListItemItem, Footer: ListItemFooter, + Icon: ListItemIcon, }); export { ListItemNamespace as ListItem }; diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/index.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/index.ts index 23a355f17d..1b7906d8a1 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/index.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/index.ts @@ -1,4 +1,5 @@ export * from './list-item-content'; +export * from './list-item-icon'; export * from './list-item-item'; export * from './list-item-group'; export * from './list-item-label'; diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-icon/ListItemIcon.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-icon/ListItemIcon.tsx new file mode 100644 index 0000000000..afb83c9a7c --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-icon/ListItemIcon.tsx @@ -0,0 +1,9 @@ +import { Icon, IconProps } from '../../../icon'; +import { useListItem } from '../../ListItemContext'; + +export type ListItemIconProps = Omit<IconProps, 'size'>; + +export function ListItemIcon({ ...props }: ListItemIconProps) { + const { disabled } = useListItem(); + return <Icon aria-hidden="true" color={disabled ? 'whiteAlpha40' : 'white'} {...props} />; +} diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-icon/index.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-icon/index.ts new file mode 100644 index 0000000000..89381c3028 --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-icon/index.ts @@ -0,0 +1 @@ +export * from './ListItemIcon'; |