import { c } from 'ttag';

import useToolbarActions from '../../../../hooks/drive/useActions';
import { FileBrowserItem } from '../../../FileBrowser';
import { ContextMenuButton } from '../../ContextMenu';

interface Props {
    shareId: string;
    items: FileBrowserItem[];
    close: () => void;
}

const StopSharingButton = ({ shareId, items, close }: Props) => {
    const { openStopSharing } = useToolbarActions();

    return (
        <ContextMenuButton
            name={c('Action').t`Stop sharing`}
            icon="broken-link"
            testId="context-menu-stop-sharing"
            action={() => openStopSharing(shareId, items)}
            close={close}
        />
    );
};

export default StopSharingButton;

import { c } from 'ttag';

import useToolbarActions from '../../../../hooks/drive/useActions';
import { FileBrowserItem } from '../../../FileBrowser';
import { ContextMenuButton } from '../../ContextMenu';

interface Props {
    shareId: string;
    items: FileBrowserItem[];
    close: () => void;
}

const StopSharingButton = ({ shareId, items, close }: Props) => {
    const { openStopSharing } = useToolbarActions();

    return (
        <ContextMenuButton
            name={c('Action').t`Stop sharing`}
            icon="link-broken"
            testId="context-menu-stop-sharing"
            action={() => openStopSharing(shareId, items)}
            close={close}
        />
    );
};

export default StopSharingButton;

Fix icon name for stop sharing context menu
Fix icon name for stop sharing context menu