mirror of
https://github.com/portainer/portainer.git
synced 2025-11-26 14:06:05 +08:00
refactor(app): move react components to react codebase [EE-3179] (#6971)
This commit is contained in:
31
app/react/components/datatables/ActionsMenu.tsx
Normal file
31
app/react/components/datatables/ActionsMenu.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
import { ReactNode } from 'react';
|
||||
import clsx from 'clsx';
|
||||
import { Menu, MenuList, MenuButton } from '@reach/menu-button';
|
||||
|
||||
import styles from './ActionsMenu.module.css';
|
||||
|
||||
interface Props {
|
||||
children: ReactNode;
|
||||
}
|
||||
|
||||
export function ActionsMenu({ children }: Props) {
|
||||
return (
|
||||
<Menu className={styles.actions}>
|
||||
{({ isExpanded }) => (
|
||||
<>
|
||||
<MenuButton
|
||||
className={clsx(
|
||||
styles.tableActionsMenuBtn,
|
||||
isExpanded && styles.actionsActive
|
||||
)}
|
||||
>
|
||||
<i className="fa fa-ellipsis-v" aria-hidden="true" />
|
||||
</MenuButton>
|
||||
<MenuList>
|
||||
<div className={styles.tableActionsMenuList}>{children}</div>
|
||||
</MenuList>
|
||||
</>
|
||||
)}
|
||||
</Menu>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user