refactor(web): remove typescript
This commit is contained in:
@@ -1,26 +1,15 @@
|
||||
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 useEnqueueSnackbar from 'hooks/useEnqueueSnackbar';
|
||||
import * as React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
|
||||
import Can from 'components/Can';
|
||||
import * as URLS from 'config/urls';
|
||||
import { DELETE_FLOW } from 'graphql/mutations/delete-flow';
|
||||
import { DUPLICATE_FLOW } from 'graphql/mutations/duplicate-flow';
|
||||
import useFormatMessage from 'hooks/useFormatMessage';
|
||||
|
||||
type ContextMenuProps = {
|
||||
flowId: string;
|
||||
onClose: () => void;
|
||||
anchorEl: PopoverProps['anchorEl'];
|
||||
};
|
||||
|
||||
export default function ContextMenu(
|
||||
props: ContextMenuProps
|
||||
): React.ReactElement {
|
||||
export default function ContextMenu(props) {
|
||||
const { flowId, onClose, anchorEl } = props;
|
||||
const enqueueSnackbar = useEnqueueSnackbar();
|
||||
const [deleteFlow] = useMutation(DELETE_FLOW);
|
||||
@@ -28,22 +17,18 @@ export default function ContextMenu(
|
||||
refetchQueries: ['GetFlows'],
|
||||
});
|
||||
const formatMessage = useFormatMessage();
|
||||
|
||||
const onFlowDuplicate = React.useCallback(async () => {
|
||||
await duplicateFlow({
|
||||
variables: { input: { id: flowId } },
|
||||
});
|
||||
|
||||
enqueueSnackbar(formatMessage('flow.successfullyDuplicated'), {
|
||||
variant: 'success',
|
||||
SnackbarProps: {
|
||||
'data-test': 'snackbar-duplicate-flow-success'
|
||||
}
|
||||
'data-test': 'snackbar-duplicate-flow-success',
|
||||
},
|
||||
});
|
||||
|
||||
onClose();
|
||||
}, [flowId, onClose, duplicateFlow]);
|
||||
|
||||
const onFlowDelete = React.useCallback(async () => {
|
||||
await deleteFlow({
|
||||
variables: { input: { id: flowId } },
|
||||
@@ -52,20 +37,16 @@ export default function ContextMenu(
|
||||
__typename: 'Flow',
|
||||
id: flowId,
|
||||
});
|
||||
|
||||
cache.evict({
|
||||
id: flowCacheId,
|
||||
});
|
||||
},
|
||||
});
|
||||
|
||||
enqueueSnackbar(formatMessage('flow.successfullyDeleted'), {
|
||||
variant: 'success',
|
||||
});
|
||||
|
||||
onClose();
|
||||
}, [flowId, onClose, deleteFlow]);
|
||||
|
||||
return (
|
||||
<Menu
|
||||
open={true}
|
Reference in New Issue
Block a user