9e051d7900
Closes #8304 The position of the modal container wasn't absolute, so the gap was also applied after the `ShowPageMoreButton`
24 lines
818 B
TypeScript
24 lines
818 B
TypeScript
import { actionMenuEntriesComponentSelector } from '@/action-menu/states/actionMenuEntriesComponentSelector';
|
|
import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
|
|
import styled from '@emotion/styled';
|
|
|
|
const StyledActionMenuConfirmationModals = styled.div`
|
|
position: absolute;
|
|
`;
|
|
|
|
export const ActionMenuConfirmationModals = () => {
|
|
const actionMenuEntries = useRecoilComponentValueV2(
|
|
actionMenuEntriesComponentSelector,
|
|
);
|
|
|
|
return (
|
|
<StyledActionMenuConfirmationModals data-select-disable>
|
|
{actionMenuEntries.map((actionMenuEntry, index) =>
|
|
actionMenuEntry.ConfirmationModal ? (
|
|
<div key={index}>{actionMenuEntry.ConfirmationModal}</div>
|
|
) : null,
|
|
)}
|
|
</StyledActionMenuConfirmationModals>
|
|
);
|
|
};
|