refactor: show the used kubectl command with the logs

kubeshop · Feb 22, 2024 · 1890b14 · 1890b14
1 parent e098543
commit 1890b14
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/components/organisms/Dashboard/Disconnected/DebugClusterDrawer.tsx b/src/components/organisms/Dashboard/Disconnected/DebugClusterDrawer.tsx
@@ -78,6 +78,11 @@ export function DebugClusterDrawer({contextId, open, onClose}: Props) {
           <div />
 
           <div style={{paddingBottom: 8}}>
+            {Boolean(data?.cmd) && (
+              <CodeBlock>
+                <pre>{data?.cmd}</pre>
+              </CodeBlock>
+            )}
             {logs.map(l => (
               <LogEntry key={l.timestamp}>
                 <LogMeta>
@@ -136,3 +141,17 @@ const ButtonBox = styled.div<{$wrap: boolean}>`
     color: ${Colors.lightSeaGreen};
   }
 `;
+
+const CodeBlock = styled.code`
+  > pre {
+    width: min-content;
+    max-width: 100%;
+    overflow: auto;
+    display: block;
+    white-space: no-wrap;
+    padding: 8px;
+    border-radius: 4px;
+    background: ${Colors.grey3b};
+    color: ${Colors.grey8};
+  }
+`;