diff --git a/ee/client/omnichannel/tags/EditTag.js b/ee/client/omnichannel/tags/EditTag.js index 91d6202c6ff6a..cbfd370a81eb0 100644 --- a/ee/client/omnichannel/tags/EditTag.js +++ b/ee/client/omnichannel/tags/EditTag.js @@ -54,7 +54,7 @@ export function TagEdit({ data, tagId, isNew, availableDepartments, reload, ...p const options = useMemo(() => (availableDepartments && availableDepartments.departments ? availableDepartments.departments.map(({ _id, name }) => [_id, name || _id]) : []), [availableDepartments]); - const { values, handlers, hasUnsavedChanges } = useForm({ name: tag.name, description: tag.description, departments: tag.departments }); + const { values, handlers, hasUnsavedChanges } = useForm({ name: tag.name, description: tag.description, departments: tag.departments && tag.departments[0] === '' ? [] : tag.departments }); const { handleName, @@ -68,8 +68,6 @@ export function TagEdit({ data, tagId, isNew, availableDepartments, reload, ...p } = values; const nameError = useMemo(() => (!name || name.length === 0 ? t('The_field_is_required', 'name') : undefined), [name, t]); - const descriptionError = useMemo(() => (!description || description.length === 0 ? t('The_field_is_required', 'description') : undefined), [description, t]); - const departmentError = useMemo(() => (!departments || departments.length === 0 ? t('The_field_is_required', 'departments') : undefined), [departments, t]); const saveTag = useMethod('livechat:saveTag'); @@ -79,7 +77,7 @@ export function TagEdit({ data, tagId, isNew, availableDepartments, reload, ...p reload(); }); - const canSave = useMemo(() => !nameError && !descriptionError && !departmentError, [nameError, descriptionError, departmentError]); + const canSave = useMemo(() => !nameError, [nameError]); const handleSave = useMutableCallback(async () => { const tagData = { name, description }; @@ -88,8 +86,10 @@ export function TagEdit({ data, tagId, isNew, availableDepartments, reload, ...p return dispatchToastMessage({ type: 'error', message: t('The_field_is_required') }); } + const finalDepartments = departments || ['']; + try { - await saveTag(tagId, tagData, departments); + await saveTag(tagId, tagData, finalDepartments); dispatchToastMessage({ type: 'success', message: t('saved') }); reload(); tagsRoute.push({}); @@ -108,13 +108,13 @@ export function TagEdit({ data, tagId, isNew, availableDepartments, reload, ...p {t('Description')} - + {t('Departments')} - +