RocketChat/Rocket.Chat

import type { IRoom, Serialized } from '@rocket.chat/core-typings';
import { Icon } from '@rocket.chat/fuselage';
import { useTranslation } from '@rocket.chat/ui-contexts';
import React from 'react';

import GenericModal from '../../../../components/GenericModal';

type SecondStepsProps = {
    onClose: () => void;
    onCancel: () => void;
    onConfirm: (deletedRooms: { [key: string]: Serialized<IRoom> }) => void;
    deletedRooms: {
        [key: string]: Serialized<IRoom>;
    };
    rooms?: (Serialized<IRoom> & { isLastOwner?: boolean })[];
};

const SecondStep = ({ onClose, onCancel, onConfirm, deletedRooms = {}, rooms = [], ...props }: SecondStepsProps) => {
    const t = useTranslation();

    return (
        <GenericModal
            {...props}
            variant='warning'
            icon={<Icon name='modal-warning' size='x24' color='status-font-on-warning' />}
            cancelText={rooms?.length > 0 ? t('Back') : t('Cancel')}
            confirmText={t('Convert')}
            title={t('Confirmation')}
            onClose={onClose}
            onCancel={onCancel}
            onConfirm={(): void => onConfirm(deletedRooms)}
        >
            {t('You_are_converting_team_to_channel')}
        </GenericModal>
    );
};

export default SecondStep;