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;

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;

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