RocketChat/Rocket.Chat

import { Field, FieldLabel, FieldRow, TextInput } from '@rocket.chat/fuselage';
import { useEndpoint, useTranslation } from '@rocket.chat/ui-contexts';
import { useQuery } from '@tanstack/react-query';
import React from 'react';

import { useHasLicenseModule } from '../../hooks/useHasLicenseModule';

export const DepartmentBusinessHours = ({ bhId }: { bhId: string | undefined }) => {
    const t = useTranslation();
    const hasLicense = useHasLicenseModule('livechat-enterprise');
    const getBusinessHour = useEndpoint('GET', '/v1/livechat/business-hour');
    const { data } = useQuery(['/v1/livechat/business-hour', bhId], () => getBusinessHour({ _id: bhId, type: 'custom' }));

    const name = data?.businessHour?.name;

    if (!hasLicense) {
        return null;
    }

    return (
        <Field>
            <FieldLabel>{t('Business_Hour')}</FieldLabel>
            <FieldRow>
                <TextInput readOnly value={name || ''} />
            </FieldRow>
        </Field>
    );
};

export default DepartmentBusinessHours;