[ML] Fixes display of job group badges in recognizer wizard (#101775)

elastic · Jun 10, 2021 · 9942cf4 · 9942cf4
1 parent afea43e
commit 9942cf4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/x-pack/plugins/ml/public/application/jobs/new_job/recognize/components/edit_job.tsx b/x-pack/plugins/ml/public/application/jobs/new_job/recognize/components/edit_job.tsx
@@ -51,9 +51,9 @@ export const EditJob: FC<EditJobProps> = ({ job, jobOverride, existingGroupIds,
   );
 
   const handleValidation = () => {
-    const jobGroupsValidationResult =
-      formState.jobGroups ??
-      [].map((group) => groupValidator(group)).filter((result) => result !== null);
+    const jobGroupsValidationResult = (formState.jobGroups ?? [])
+      .map((group) => groupValidator(group))
+      .filter((result) => result !== null);
 
     setValidationResult({
       jobGroups: jobGroupsValidationResult,

diff --git a/x-pack/plugins/ml/public/application/jobs/new_job/recognize/components/job_item.tsx b/x-pack/plugins/ml/public/application/jobs/new_job/recognize/components/job_item.tsx
@@ -87,12 +87,11 @@ export const JobItem: FC<JobItemProps> = memo(
           </EuiText>
 
           <EuiFlexGroup wrap responsive={false} gutterSize="xs">
-            {jobGroups ??
-              [].map((group) => (
-                <EuiFlexItem grow={false} key={group}>
-                  <EuiBadge color={tabColor(group)}>{group}</EuiBadge>
-                </EuiFlexItem>
-              ))}
+            {(jobGroups ?? []).map((group) => (
+              <EuiFlexItem grow={false} key={group}>
+                <EuiBadge color={tabColor(group)}>{group}</EuiBadge>
+              </EuiFlexItem>
+            ))}
           </EuiFlexGroup>
 
           {setupResult && setupResult.error && (