refactor: refactor code

apps/meteor/client/views/omnichannel/modals/ReturnChatQueueModal.tsx

@@ -1,42 +1,26 @@
-import {
-	Button,
-	Modal,
-	ModalClose,
-	ModalContent,
-	ModalFooter,
-	ModalFooterControllers,
-	ModalHeader,
-	ModalIcon,
-	ModalTitle,
-} from '@rocket.chat/fuselage';
+import { GenericModal } from '@rocket.chat/ui-client';
 import { useTranslation } from 'react-i18next';
 
 type ReturnChatQueueModalProps = {
 	onMoveChat: () => void;
 	onCancel: () => void;
 };
 
-// TODO: use `GenericModal` instead of creating a new modal from scratch
-const ReturnChatQueueModal = ({ onCancel, onMoveChat, ...props }: ReturnChatQueueModalProps) => {
+const ReturnChatQueueModal = ({ onCancel, onMoveChat }: ReturnChatQueueModalProps) => {
 	const { t } = useTranslation();
 
 	return (
-		<Modal aria-label={t('Return_to_the_queue')} {...props}>
-			<ModalHeader>
-				<ModalIcon name='burger-arrow-left' />
-				<ModalTitle>{t('Return_to_the_queue')}</ModalTitle>
-				<ModalClose onClick={onCancel} />
-			</ModalHeader>
-			<ModalContent fontScale='p2'>{t('Would_you_like_to_return_the_queue')}</ModalContent>
-			<ModalFooter>
-				<ModalFooterControllers>
-					<Button onClick={onCancel}>{t('Cancel')}</Button>
-					<Button primary onClick={onMoveChat}>
-						{t('Confirm')}
-					</Button>
-				</ModalFooterControllers>
-			</ModalFooter>
-		</Modal>
+		<GenericModal
+			variant='warning'
+			icon='burger-arrow-left'
+			title={t('Return_to_the_queue')}
+			confirmText={t('Confirm')}
+			cancelText={t('Cancel')}
+			onConfirm={onMoveChat}
+			onCancel={onCancel}
+		>
+			{t('Would_you_like_to_return_the_queue')}
+		</GenericModal>
 	);
 };