diff --git a/src/frontend/apps/impress/src/components/DropdownMenu.tsx b/src/frontend/apps/impress/src/components/DropdownMenu.tsx index 8758588e..46137730 100644 --- a/src/frontend/apps/impress/src/components/DropdownMenu.tsx +++ b/src/frontend/apps/impress/src/components/DropdownMenu.tsx @@ -1,4 +1,5 @@ import { PropsWithChildren, useRef, useState } from 'react'; +import { useTranslation } from 'react-i18next'; import { css } from 'styled-components'; import { Box, BoxButton, BoxProps, DropButton, Icon, Text } from '@/components'; @@ -38,6 +39,7 @@ export const DropdownMenu = ({ const { spacingsTokens, colorsTokens } = useCunninghamTheme(); const [isOpen, setIsOpen] = useState(false); const blockButtonRef = useRef(null); + const { t } = useTranslation(); const onOpenChange = (isOpen: boolean) => { setIsOpen(isOpen); @@ -150,6 +152,7 @@ export const DropdownMenu = ({ $direction="row" $align="center" $gap={spacingsTokens['base']} + aria-selected={option.isSelected ? true : undefined} > {option.icon && ( {option.isSelected && ( - + )} ); diff --git a/src/frontend/apps/impress/src/components/Icon.tsx b/src/frontend/apps/impress/src/components/Icon.tsx index c99d3f99..00b80f67 100644 --- a/src/frontend/apps/impress/src/components/Icon.tsx +++ b/src/frontend/apps/impress/src/components/Icon.tsx @@ -14,6 +14,7 @@ export const Icon = ({ }: IconProps) => { return (