session-desktop/ts/components/menu/items/LeaveAndDeleteGroup/LeaveGroupMenuItem.tsx

import { useConvoIdFromContext } from '../../../../contexts/ConvoIdContext';
import { ItemWithDataTestId } from '../MenuItemWithDataTestId';
import { Localizer } from '../../../basic/Localizer';
import { useShowLeaveGroupCb } from '../../../menuAndSettingsHooks/useShowLeaveGroup';

export const LeaveGroupMenuItem = () => {
  const convoId = useConvoIdFromContext();
  const cb = useShowLeaveGroupCb(convoId);

  if (!cb) {
    return null;
  }

  return (
    <ItemWithDataTestId onClick={cb}>
      <Localizer token="groupLeave" />
    </ItemWithDataTestId>
  );
};