[Fleet] Fix agent config yaml view to work without fleet (elastic#61194)

tsullivan · Mar 25, 2020 · 49f0372 · 49f0372
1 parent b8e3ccb
commit 49f0372
Showing 1 changed file with 19 additions and 19 deletions.
diff --git a/.../applications/ingest_manager/sections/agent_config/details_page/components/yaml/index.tsx b/.../applications/ingest_manager/sections/agent_config/details_page/components/yaml/index.tsx
@@ -32,7 +32,7 @@ export const ConfigYamlView = memo<{ config: AgentConfig }>(({ config }) => {
 
   const fullConfigRequest = useGetOneAgentConfigFull(config.id);
   const apiKeysRequest = useGetEnrollmentAPIKeys();
-  const apiKeyRequest = useGetOneEnrollmentAPIKey(apiKeysRequest.data?.list?.[0].id as string);
+  const apiKeyRequest = useGetOneEnrollmentAPIKey(apiKeysRequest.data?.list?.[0]?.id as string);
 
   if (fullConfigRequest.isLoading && !fullConfigRequest.data) {
     return <Loading />;
@@ -49,30 +49,30 @@ export const ConfigYamlView = memo<{ config: AgentConfig }>(({ config }) => {
           })}
         </EuiCodeBlock>
       </EuiFlexItem>
-      <EuiFlexItem grow={3}>
-        <EuiTitle size="s">
-          <h3>
+      {apiKeyRequest.data && (
+        <EuiFlexItem grow={3}>
+          <EuiTitle size="s">
+            <h3>
+              <FormattedMessage
+                id="xpack.ingestManager.yamlConfig.instructionTittle"
+                defaultMessage="Enroll with fleet"
+              />
+            </h3>
+          </EuiTitle>
+          <EuiSpacer size="m" />
+          <EuiText size="s">
             <FormattedMessage
-              id="xpack.ingestManager.yamlConfig.instructionTittle"
-              defaultMessage="Enroll with fleet"
+              id="xpack.ingestManager.yamlConfig.instructionDescription"
+              defaultMessage="To enroll an agent with this configuration, copy and run the following command on your host."
             />
-          </h3>
-        </EuiTitle>
-        <EuiSpacer size="m" />
-        <EuiText size="s">
-          <FormattedMessage
-            id="xpack.ingestManager.yamlConfig.instructionDescription"
-            defaultMessage="To enroll an agent with this configuration, copy and run the following command on your host."
-          />
-        </EuiText>
-        <EuiSpacer size="m" />
-        {apiKeyRequest.data && (
+          </EuiText>
+          <EuiSpacer size="m" />
           <ShellEnrollmentInstructions
             apiKey={apiKeyRequest.data.item}
             kibanaUrl={`${window.location.origin}${core.http.basePath.get()}`}
           />
-        )}
-      </EuiFlexItem>
+        </EuiFlexItem>
+      )}
     </EuiFlexGroup>
   );
 });