Fix StyledContainerActionMenuDropdown style

This commit is contained in:
bosiraphael
2024-10-31 17:15:11 +01:00
parent 3fbd312141
commit 9f433fbb02

View File

@@ -8,6 +8,7 @@ import { ActionMenuComponentInstanceContext } from '@/action-menu/states/context
import { recordIndexActionMenuDropdownPositionComponentState } from '@/action-menu/states/recordIndexActionMenuDropdownPositionComponentState'; import { recordIndexActionMenuDropdownPositionComponentState } from '@/action-menu/states/recordIndexActionMenuDropdownPositionComponentState';
import { ActionMenuDropdownHotkeyScope } from '@/action-menu/types/ActionMenuDropdownHotKeyScope'; import { ActionMenuDropdownHotkeyScope } from '@/action-menu/types/ActionMenuDropdownHotKeyScope';
import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
import { DropdownMenu } from '@/ui/layout/dropdown/components/DropdownMenu';
import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer';
import { MenuItem } from '@/ui/navigation/menu-item/components/MenuItem'; import { MenuItem } from '@/ui/navigation/menu-item/components/MenuItem';
import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow'; import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow';
@@ -75,17 +76,19 @@ export const RecordIndexActionMenuDropdown = () => {
data-select-disable data-select-disable
dropdownMenuWidth={width} dropdownMenuWidth={width}
dropdownComponents={ dropdownComponents={
<DropdownMenuItemsContainer> <DropdownMenu>
{actionMenuEntries.map((item, index) => ( <DropdownMenuItemsContainer>
<MenuItem {actionMenuEntries.map((item, index) => (
key={index} <MenuItem
LeftIcon={item.Icon} key={index}
onClick={item.onClick} LeftIcon={item.Icon}
accent={item.accent} onClick={item.onClick}
text={item.label} accent={item.accent}
/> text={item.label}
))} />
</DropdownMenuItemsContainer> ))}
</DropdownMenuItemsContainer>
</DropdownMenu>
} }
/> />
</StyledContainerActionMenuDropdown> </StyledContainerActionMenuDropdown>