hide allocated models when missing

elastic · Oct 26, 2021 · 9d1516e · 9d1516e
1 parent d635dae
commit 9d1516e
Showing 1 changed file with 37 additions and 35 deletions.
diff --git a/x-pack/plugins/ml/public/application/trained_models/nodes_overview/expanded_row.tsx b/x-pack/plugins/ml/public/application/trained_models/nodes_overview/expanded_row.tsx
@@ -79,43 +79,45 @@ export const ExpandedRow: FC<ExpandedRowProps> = ({ item }) => {
 
           <EuiSpacer size={'m'} />
 
-          <EuiPanel>
-            <EuiTitle size={'xs'}>
-              <h5>
-                <FormattedMessage
-                  id="xpack.ml.trainedModels.nodesList.expandedRow.allocatedModelsTitle"
-                  defaultMessage="Allocated models"
-                />
-              </h5>
-            </EuiTitle>
-            <EuiSpacer size={'m'} />
+          {allocatedModels.length > 0 ? (
+            <EuiPanel>
+              <EuiTitle size={'xs'}>
+                <h5>
+                  <FormattedMessage
+                    id="xpack.ml.trainedModels.nodesList.expandedRow.allocatedModelsTitle"
+                    defaultMessage="Allocated models"
+                  />
+                </h5>
+              </EuiTitle>
+              <EuiSpacer size={'m'} />
 
-            {allocatedModels.map(({ model_id: modelId, ...rest }) => {
-              return (
-                <>
-                  <EuiFlexGroup>
-                    <EuiFlexItem grow={false}>
-                      <EuiTitle size="xxs">
-                        <EuiTextColor color="subdued">
-                          <h5>{modelId}</h5>
-                        </EuiTextColor>
-                      </EuiTitle>
-                    </EuiFlexItem>
-                    <EuiFlexItem>
-                      <EuiHorizontalRule size={'full'} margin={'s'} />
-                    </EuiFlexItem>
-                  </EuiFlexGroup>
+              {allocatedModels.map(({ model_id: modelId, ...rest }) => {
+                return (
+                  <>
+                    <EuiFlexGroup>
+                      <EuiFlexItem grow={false}>
+                        <EuiTitle size="xxs">
+                          <EuiTextColor color="subdued">
+                            <h5>{modelId}</h5>
+                          </EuiTextColor>
+                        </EuiTitle>
+                      </EuiFlexItem>
+                      <EuiFlexItem>
+                        <EuiHorizontalRule size={'full'} margin={'s'} />
+                      </EuiFlexItem>
+                    </EuiFlexGroup>
 
-                  <EuiDescriptionList
-                    compressed={true}
-                    type="column"
-                    listItems={formatToListItems(rest)}
-                  />
-                  <EuiSpacer size={'s'} />
-                </>
-              );
-            })}
-          </EuiPanel>
+                    <EuiDescriptionList
+                      compressed={true}
+                      type="column"
+                      listItems={formatToListItems(rest)}
+                    />
+                    <EuiSpacer size={'s'} />
+                  </>
+                );
+              })}
+            </EuiPanel>
+          ) : null}
         </EuiFlexItem>
       </EuiFlexGrid>
     </>