frontend: Add feature to view deploy logs

This adds feature to view all the pods of pods in a deployment rather
than going to a specific pod.

Fixes: #2552

Signed-off-by: Kautilya Tripathi <ktripathi@microsoft.com>

Author: Kautilya Tripathi

frontend/src/components/common/Resource/LogsButton.tsx

@@ -12,6 +12,7 @@ import ErrorBoundary from '../../ErrorBoundary';
 import SectionHeader, { HeaderStyle } from '../../SectionHeader';
 import DeleteButton from '../DeleteButton';
 import EditButton from '../EditButton';
+import { LogsButton } from '../LogsButton';
 import { RestartButton } from '../RestartButton';
 import ScaleButton from '../ScaleButton';
 
@@ -44,6 +45,9 @@ export function MainInfoHeader<T extends KubeObject>(props: MainInfoHeaderProps<
         case DefaultHeaderAction.RESTART:
           Action = RestartButton;
           break;
+        case DefaultHeaderAction.DEPLOYMENT_LOGS:
+          Action = LogsButton;
+          break;
         case DefaultHeaderAction.SCALE:
           Action = ScaleButton;
           break;
@@ -79,6 +83,9 @@ export function MainInfoHeader<T extends KubeObject>(props: MainInfoHeaderProps<
     {
       id: DefaultHeaderAction.RESTART,
     },
+    {
+      id: DefaultHeaderAction.DEPLOYMENT_LOGS,
+    },
     {
       id: DefaultHeaderAction.SCALE,
     },

frontend/src/components/common/Resource/MainInfoSection/MainInfoSectionHeader.tsx

@@ -49,6 +49,11 @@
             <div
               class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
             />
+            <div
+              class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+            >
+              0
+            </div>
             <div
               class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
             />

frontend/src/components/common/Resource/MainInfoSection/__snapshots__/MainInfoSection.Normal.stories.storyshot

@@ -31,6 +31,11 @@
             <div
               class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
             />
+            <div
+              class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+            >
+              0
+            </div>
             <div
               class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
             />

frontend/src/components/common/Resource/MainInfoSection/__snapshots__/MainInfoSection.NullBacklink.stories.storyshot

@@ -35,6 +35,7 @@ const checkExports = [
   'SimpleEditor',
   'ViewButton',
   'AuthVisible',
+  'LogsButton',
 ];
 
 function getFilesToVerify() {

frontend/src/components/common/Resource/index.test.ts

@@ -27,6 +27,7 @@ export { default as ResourceTableColumnChooser } from './ResourceTableColumnChoo
 export { addResourceTableColumnsProcessor } from './resourceTableSlice';
 export * from './RestartButton';
 export * from './ScaleButton';
+export * from './LogsButton';
 export { default as ScaleButton } from './ScaleButton';
 export * from './SimpleEditor';
 export { default as SimpleEditor } from './SimpleEditor';

frontend/src/components/common/Resource/index.tsx

@@ -63,6 +63,11 @@
                 <div
                   class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
                 />
+                <div
+                  class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+                >
+                  0
+                </div>
                 <div
                   class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
                 />

frontend/src/components/configmap/__snapshots__/Details.Empty.stories.storyshot

@@ -63,6 +63,11 @@
                 <div
                   class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
                 />
+                <div
+                  class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+                >
+                  0
+                </div>
                 <div
                   class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
                 />

frontend/src/components/configmap/__snapshots__/Details.WithBase.stories.storyshot

@@ -58,6 +58,11 @@
                   <div
                     class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
                   />
+                  <div
+                    class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+                  >
+                    0
+                  </div>
                   <div
                     class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
                   />

frontend/src/components/crd/__snapshots__/CustomResourceDefinition.Details.stories.storyshot

@@ -58,6 +58,11 @@
                   <div
                     class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
                   />
+                  <div
+                    class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+                  >
+                    0
+                  </div>
                   <div
                     class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
                   />