apps/meteor/client/omnichannel/cannedResponses/CannedResponseEditWithDepartmentData.tsx
import type { IOmnichannelCannedResponse, Serialized } from '@rocket.chat/core-typings';
import { Callout } from '@rocket.chat/fuselage';
import { useTranslation } from '@rocket.chat/ui-contexts';
import React, { useMemo } from 'react';
import { FormSkeleton } from '../../components/Skeleton';
import { AsyncStatePhase } from '../../hooks/useAsyncState';
import { useEndpointData } from '../../hooks/useEndpointData';
import CannedResponseEdit from './CannedResponseEdit';
const CannedResponseEditWithDepartmentData = ({ cannedResponseData }: { cannedResponseData: Serialized<IOmnichannelCannedResponse> }) => {
const departmentId = useMemo(() => cannedResponseData?.departmentId, [cannedResponseData]) as string;
const { value: departmentData, phase: state, error } = useEndpointData('/v1/livechat/department/:_id', { keys: { _id: departmentId } });
const t = useTranslation();
if (state === AsyncStatePhase.LOADING) {
return <FormSkeleton />;
}
if (error) {
return (
<Callout m={16} type='danger'>
{t('Not_Available')}
</Callout>
);
}
return <CannedResponseEdit cannedResponseData={cannedResponseData} departmentData={departmentData.department} />;
};
export default CannedResponseEditWithDepartmentData;