refactor(web): remove typescript
This commit is contained in:
@@ -2,35 +2,21 @@ import * as React from 'react';
|
||||
import { useMutation } from '@apollo/client';
|
||||
import Menu from '@mui/material/Menu';
|
||||
import MenuItem from '@mui/material/MenuItem';
|
||||
import type { PopoverProps } from '@mui/material/Popover';
|
||||
|
||||
import { DELETE_STEP } from 'graphql/mutations/delete-step';
|
||||
import useFormatMessage from 'hooks/useFormatMessage';
|
||||
|
||||
type FlowStepContextMenuProps = {
|
||||
stepId: string;
|
||||
onClose: PopoverProps['onClose'];
|
||||
anchorEl: HTMLButtonElement;
|
||||
deletable: boolean;
|
||||
};
|
||||
|
||||
function FlowStepContextMenu(
|
||||
props: FlowStepContextMenuProps
|
||||
): React.ReactElement {
|
||||
function FlowStepContextMenu(props) {
|
||||
const { stepId, onClose, anchorEl, deletable } = props;
|
||||
const [deleteStep] = useMutation(DELETE_STEP, {
|
||||
refetchQueries: ['GetFlow', 'GetStepWithTestExecutions'],
|
||||
});
|
||||
const formatMessage = useFormatMessage();
|
||||
|
||||
const deleteActionHandler = React.useCallback(
|
||||
async (event: React.SyntheticEvent) => {
|
||||
async (event) => {
|
||||
event.stopPropagation();
|
||||
await deleteStep({ variables: { input: { id: stepId } } });
|
||||
},
|
||||
[stepId]
|
||||
[stepId],
|
||||
);
|
||||
|
||||
return (
|
||||
<Menu
|
||||
open={true}
|
||||
@@ -46,5 +32,4 @@ function FlowStepContextMenu(
|
||||
</Menu>
|
||||
);
|
||||
}
|
||||
|
||||
export default FlowStepContextMenu;
|
Reference in New Issue
Block a user