diff --git a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx index 2659dbc17..3c3d43e4b 100644 --- a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx +++ b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx @@ -2,6 +2,7 @@ import { offset, Placement, useFloating, flip, arrow, shift, autoUpdate } from ' import clsx from 'clsx'; import { supportsPassiveEvents } from 'detect-passive-events'; import React, { useEffect, useMemo, useRef, useState } from 'react'; +import { defineMessages, useIntl } from 'react-intl'; import ReactSwipeableViews from 'react-swipeable-views'; import HStack from 'pl-fe/components/ui/hstack'; @@ -13,6 +14,10 @@ import { useUiStore } from 'pl-fe/stores/ui'; import DropdownMenuItem, { MenuItem } from './dropdown-menu-item'; +const messages = defineMessages({ + back: { id: 'card.back.label', defaultMessage: 'Back' }, +}); + type Menu = Array; interface IDropdownMenuContent { @@ -38,6 +43,8 @@ interface IDropdownMenu { const listenerOptions = supportsPassiveEvents ? { passive: true } : false; const DropdownMenuContent: React.FC = ({ handleClose, items, component: Component, touchscreen }) => { + const intl = useIntl(); + const [tab, setTab] = useState(); const ref = useRef(null); @@ -157,6 +164,7 @@ const DropdownMenuContent: React.FC = ({ handleClose, item iconClassName='h-5 w-5' onClick={handleExitSubmenu} autoFocus + title={intl.formatMessage(messages.back)} /> {items![tab]?.text}