move mapping options inside mapping entry component directory

This commit is contained in:
Abhinav 2022-08-17 13:35:34 +05:30
parent 853fa414de
commit abe5de2ec5
2 changed files with 26 additions and 1 deletions

View file

@ -6,7 +6,7 @@ import { WatchMapping } from 'types/watchFolder';
import { AppContext } from 'pages/_app';
import FolderOpenIcon from '@mui/icons-material/FolderOpen';
import constants from 'utils/strings/constants';
import MappingEntryOptions from '../mappingEntryOptions';
import MappingEntryOptions from './mappingEntryOptions';
import { EntryHeading } from './entryHeading';
interface Iprops {

View file

@ -0,0 +1,25 @@
import React from 'react';
import constants from 'utils/strings/constants';
import DoNotDisturbOutlinedIcon from '@mui/icons-material/DoNotDisturbOutlined';
import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
import OverflowMenu from 'components/OverflowMenu/menu';
import { OverflowMenuOption } from 'components/OverflowMenu/option';
interface Iprops {
confirmStopWatching: () => void;
}
export default function MappingEntryOptions({ confirmStopWatching }: Iprops) {
return (
<OverflowMenu
ariaControls={'watch-mapping-option'}
triggerButtonIcon={<MoreHorizIcon />}>
<OverflowMenuOption
color="danger"
onClick={confirmStopWatching}
startIcon={<DoNotDisturbOutlinedIcon />}>
{constants.STOP_WATCHING}
</OverflowMenuOption>
</OverflowMenu>
);
}