From 55a634be16e4bcb11c0068fe0de44b2712895d27 Mon Sep 17 00:00:00 2001
From: bowen tan <bowentan@bowendeMacBook-Pro.local>
Date: Wed, 30 Oct 2024 17:16:09 +0800
Subject: [PATCH] feat: WorkloadPodsTable add loading

---
 .../WorkloadPodsTable/WorkloadPodsTable.tsx   |  6 +++-
 .../refine/src/pages/nodes/show/index.tsx     | 30 +++++++++++++++++++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/packages/refine/src/components/WorkloadPodsTable/WorkloadPodsTable.tsx b/packages/refine/src/components/WorkloadPodsTable/WorkloadPodsTable.tsx
index 60f23077..200d2db4 100644
--- a/packages/refine/src/components/WorkloadPodsTable/WorkloadPodsTable.tsx
+++ b/packages/refine/src/components/WorkloadPodsTable/WorkloadPodsTable.tsx
@@ -1,4 +1,4 @@
-import { Space } from '@cloudtower/eagle';
+import { Loading, Space } from '@cloudtower/eagle';
 import { css } from '@linaria/core';
 import { LabelSelector } from 'kubernetes-types/meta/v1';
 import React, { useState, useContext } from 'react';
@@ -73,6 +73,10 @@ export const WorkloadPodsTable: React.FC<WorkloadPodsTableProps> = ({
     }
   });
 
+  if (tableProps.loading) {
+    return <Loading />;
+  }
+
   if (tableProps.data?.length === 0) {
     return <ErrorContent
       errorText={i18n.t('dovetail.no_resource', { kind: ` ${i18n.t('dovetail.pod')}` })}
diff --git a/packages/refine/src/pages/nodes/show/index.tsx b/packages/refine/src/pages/nodes/show/index.tsx
index c54e3048..b17c2cf6 100644
--- a/packages/refine/src/pages/nodes/show/index.tsx
+++ b/packages/refine/src/pages/nodes/show/index.tsx
@@ -2,6 +2,7 @@ import { IResourceComponentsProps } from '@refinedev/core';
 import { Unstructured } from 'k8s-api-provider';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
+import { WorkloadPodsTable } from 'src/components';
 import K8sDropdown from 'src/components/Dropdowns/K8sDropdown';
 import { PageShow } from 'src/components/PageShow';
 import { BasicGroup, ConditionsGroup, NodeTaintsGroup } from 'src/components/ShowContent';
@@ -26,6 +27,35 @@ export const NodeShow: React.FC<IResourceComponentsProps> = () => {
               ConditionsGroup(i18n),
             ],
           },
+          {
+            key: 'pods',
+            title: 'Pod',
+            groups: [
+              {
+                areas: [
+                  {
+                    fields: [
+                      {
+                        key: 'pods',
+                        path: [],
+                        renderContent: (_, record) => {
+                          return (
+                            <div style={{ padding: '0 24px', height: '100%' }}>
+                              <WorkloadPodsTable
+                                filter={pod => pod.spec?.nodeName === record.name}
+                                namespace={record.metadata.namespace}
+                                hideToolbar
+                              />
+                            </div>
+                          );
+                        },
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+          },
         ],
       }}
       Dropdown={K8sDropdown}