add material react table to display pods

replicatedhq · Oct 17, 2023 · 9ad1b2e · 9ad1b2e
1 parent 33f7395
commit 9ad1b2e
Showing 1 changed file with 2 additions and 18 deletions.
diff --git a/web/src/components/apps/HelmVMViewNode.jsx b/web/src/components/apps/HelmVMViewNode.jsx
@@ -363,7 +363,7 @@ const HelmVMViewNode = () => {
   }, [node.podList]);
 
   return (
-    <div className="container u-paddingTop--50 tw-flex tw-flex-col tw-gap-6 tw-font-sans">
+    <div className="container u-paddingTop--50 tw-mb-10 tw-pb-6 tw-flex tw-flex-col tw-gap-6 tw-font-sans">
       {/* Breadcrumbs */}
       <p className="tw-text-sm tw-text-gray-400">
         <Link
@@ -393,22 +393,6 @@ const HelmVMViewNode = () => {
       tw-shadow-md tw-p-3"
       >
         <p className="tw-font-semibold tw-text-2xl tw-text-gray-800">Pods</p>
-        {/* <table className="tw-w-full">
-          <thead>
-            <tr>
-              {columns.map((col) => {
-                return (
-                  <th key={col.accessorKey}>
-                    <p className="tw-font-semibold tw-text-gray-800 tw-px-2 tw-py-1.5">
-                      {col.header}
-                    </p>
-                  </th>
-                );
-              })}
-            </tr>
-          </thead>
-          <tbody>Some pods here</tbody>
-        </table> */}
         <MaterialReactTable
           columns={columns}
           data={mappedPods}
@@ -441,7 +425,7 @@ const HelmVMViewNode = () => {
           muiTablePaperProps={{
             sx: {
               width: "100%",
-              marginTop: "28px",
+              boxShadow: "none",
             },
           }}
           initialState={{ density: "compact" }}