fix(web/menu): show values description without requiring button desc

This commit is contained in:
Luke
2022-10-30 10:16:28 +01:00
parent 847f5218f6
commit 765fff3598
2 changed files with 11 additions and 3 deletions

View File

@@ -24,7 +24,6 @@ export const debugMenu = () => {
'pogchamp',
],
icon: 'tag',
description: 'Tooltip description 2',
},
{ label: 'Option 1' },
{ label: 'Option 2' },

View File

@@ -27,6 +27,10 @@ export interface MenuSettings {
startItemIndex?: number;
}
const isValuesObject = (values?: Array<string | { label: string; description: string }>) => {
return Array.isArray(values) && typeof values === 'object';
};
const ListMenu: React.FC = () => {
const [menu, setMenu] = useState<MenuSettings>({
position: 'top-left',
@@ -176,12 +180,17 @@ const ListMenu: React.FC = () => {
{visible && (
<Tooltip
label={
Array.isArray(menu.items[selected].values) && typeof menu.items[selected].values === 'object'
isValuesObject(menu.items[selected].values)
? // @ts-ignore
menu.items[selected].values[indexStates[selected]].description
: menu.items[selected].description
}
isOpen={!!menu.items[selected].description}
isOpen={
isValuesObject(menu.items[selected].values)
? // @ts-ignore
!!menu.items[selected].values[indexStates[selected]].description
: !!menu.items[selected].description
}
bg="#25262B"
color="#909296"
placement="bottom"