diff options
10 files changed, 19 insertions, 19 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItemContext.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItemContext.tsx index f29b58880b..53b8a817e5 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItemContext.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItemContext.tsx @@ -29,7 +29,7 @@ export const ListItemProvider = ({ ); }; -export const useListItem = (): ListItemContextType => { +export const useListItemContext = (): ListItemContextType => { const context = useContext(ListItemContext); if (!context) { throw new Error('useListItem must be used within a ListItemProvider'); diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-content/hooks/use-indent.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-content/hooks/use-indent.ts index 43225a6936..a6b89ce13c 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-content/hooks/use-indent.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-content/hooks/use-indent.ts @@ -1,7 +1,7 @@ import { levels } from '../../../levels'; -import { useListItem } from '../../../ListItemContext'; +import { useListItemContext } from '../../../ListItemContext'; export const useIndent = () => { - const { level } = useListItem(); + const { level } = useListItemContext(); return levels[level].indent; }; 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 index afb83c9a7c..323fcdea0d 100644 --- 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 @@ -1,9 +1,9 @@ import { Icon, IconProps } from '../../../icon'; -import { useListItem } from '../../ListItemContext'; +import { useListItemContext } from '../../ListItemContext'; export type ListItemIconProps = Omit<IconProps, 'size'>; export function ListItemIcon({ ...props }: ListItemIconProps) { - const { disabled } = useListItem(); + const { disabled } = useListItemContext(); 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-item/ListItemItem.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-item/ListItemItem.tsx index ce751b7587..2cd67c7c1e 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 @@ -2,7 +2,7 @@ import React from 'react'; import styled, { css, RuleSet } from 'styled-components'; import { useListItemAnimation } from '../../hooks'; -import { useListItem } from '../../ListItemContext'; +import { useListItemContext } from '../../ListItemContext'; import { useBackgroundColor } from './hooks'; export type ListItemItemProps = { @@ -34,7 +34,7 @@ export const StyledListItemItem = styled.div<{ export function ListItemItem({ children, ...props }: ListItemItemProps) { const backgroundColor = useBackgroundColor(); - const { animation: contextAnimation } = useListItem(); + const { animation: contextAnimation } = useListItemContext(); const animation = useListItemAnimation(contextAnimation); return ( <StyledListItemItem diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-item/hooks/useBackgroundColor.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-item/hooks/useBackgroundColor.tsx index 68bc841f48..3f7a8e045e 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-item/hooks/useBackgroundColor.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-item/hooks/useBackgroundColor.tsx @@ -1,7 +1,7 @@ import { levels } from '../../../levels'; -import { useListItem } from '../../../ListItemContext'; +import { useListItemContext } from '../../../ListItemContext'; export const useBackgroundColor = () => { - const { level, disabled } = useListItem(); + const { level, disabled } = useListItemContext(); return disabled ? levels[level].disabled : levels[level].enabled; }; diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-label/ListItemLabel.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-label/ListItemLabel.tsx index c5231e9fe1..9ee4c75daf 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-label/ListItemLabel.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-label/ListItemLabel.tsx @@ -1,11 +1,11 @@ import { LabelTinyProps, TitleMedium } from '../../../typography'; -import { useListItem } from '../../ListItemContext'; +import { useListItemContext } from '../../ListItemContext'; export type ListItemLabelProps<E extends React.ElementType = 'span'> = LabelTinyProps<E>; export const ListItemLabel = <E extends React.ElementType = 'span'>( props: ListItemLabelProps<E>, ) => { - const { disabled } = useListItem(); + const { disabled } = useListItemContext(); return <TitleMedium color={disabled ? 'whiteAlpha40' : 'white'} {...props} />; }; diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-text/ListItemText.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-text/ListItemText.tsx index 423c9c24c4..0b76c45934 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-text/ListItemText.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-text/ListItemText.tsx @@ -1,9 +1,9 @@ import { Text, TextProps } from '../../../typography'; -import { useListItem } from '../../ListItemContext'; +import { useListItemContext } from '../../ListItemContext'; export type ListItemTextProps<E extends React.ElementType = 'span'> = TextProps<E>; export const ListItemText = <E extends React.ElementType = 'span'>(props: ListItemTextProps<E>) => { - const { disabled } = useListItem(); + const { disabled } = useListItemContext(); return <Text variant="labelTiny" color={disabled ? 'whiteAlpha40' : 'whiteAlpha60'} {...props} />; }; 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 bec5508821..a494a4521c 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 @@ -2,7 +2,7 @@ import { forwardRef } from 'react'; import styled, { css } from 'styled-components'; import { colors } from '../../../../foundations'; -import { useListItem } from '../../ListItemContext'; +import { useListItemContext } from '../../ListItemContext'; import { StyledListItemItem } from '../list-item-item'; const StyledButton = styled.button<{ $disabled?: boolean }>` @@ -40,7 +40,7 @@ const StyledButton = styled.button<{ $disabled?: boolean }>` export type ListItemTriggerProps = React.HtmlHTMLAttributes<HTMLButtonElement>; export const ListItemTrigger = forwardRef<HTMLButtonElement, ListItemTriggerProps>((props, ref) => { - const { disabled } = useListItem(); + const { disabled } = useListItemContext(); return <StyledButton ref={ref} disabled={disabled} {...props} />; }); diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/listbox/components/listbox-option/components/listbox-option-label/ListboxOptionLabel.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/listbox/components/listbox-option/components/listbox-option-label/ListboxOptionLabel.tsx index be2f70d77f..baf26fedd8 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/listbox/components/listbox-option/components/listbox-option-label/ListboxOptionLabel.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/listbox/components/listbox-option/components/listbox-option-label/ListboxOptionLabel.tsx @@ -1,11 +1,11 @@ import { Text, TextProps } from '../../../../..'; -import { useListItem } from '../../../../../list-item/ListItemContext'; +import { useListItemContext } from '../../../../../list-item/ListItemContext'; export type SelectListItemOptionLabelProps<E extends React.ElementType = 'span'> = TextProps<E>; export const ListboxOptionLabel = <E extends React.ElementType = 'span'>( props: SelectListItemOptionLabelProps<E>, ) => { - const { disabled } = useListItem(); + const { disabled } = useListItemContext(); return <Text variant="bodySmall" color={disabled ? 'whiteAlpha40' : 'white'} {...props} />; }; diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/listbox/components/listbox-option/components/listbox-option-trigger/ListboxOptionTrigger.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/listbox/components/listbox-option/components/listbox-option-trigger/ListboxOptionTrigger.tsx index c1f9e1d9c7..48cb00db5b 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/listbox/components/listbox-option/components/listbox-option-trigger/ListboxOptionTrigger.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/listbox/components/listbox-option/components/listbox-option-trigger/ListboxOptionTrigger.tsx @@ -2,7 +2,7 @@ import React from 'react'; import styled, { css } from 'styled-components'; import { colors } from '../../../../../../foundations'; -import { useListItem } from '../../../../../list-item/ListItemContext'; +import { useListItemContext } from '../../../../../list-item/ListItemContext'; import { useListboxContext } from '../../../listbox-context'; import { useListboxOptionContext } from '../'; import { StyledListItemOptionItem } from '../'; @@ -61,7 +61,7 @@ export const StyledListItemOptionTrigger = styled.li<{ $disabled?: boolean }>` export const ListboxOptionTrigger = ({ children, ...props }: ListboxOptionTriggerProps) => { const { value } = useListboxOptionContext(); - const { disabled } = useListItem(); + const { disabled } = useListItemContext(); const triggerRef = React.useRef<HTMLLIElement>(null); const { |