feat(console): added ability to refresh data in table resources

winglang · Sep 24, 2024 · 7898ebf · 7898ebf
1 parent c050dd6
commit 7898ebf
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/wing-console/console/ui/src/features/inspector-pane/resource-panes/custom-resource-table.tsx b/wing-console/console/ui/src/features/inspector-pane/resource-panes/custom-resource-table.tsx
@@ -3,6 +3,8 @@ import { memo } from "react";
 import { trpc } from "../../../trpc.js";
 
 import { TableInteraction } from "./table-interaction.js";
+import { Button } from "@wingconsole/design-system";
+import { ArrowPathIcon } from "@heroicons/react/24/outline";
 
 export interface CustomResourceTableProps {
   scanHandler: string;
@@ -18,6 +20,15 @@ export const CustomResourceTable = memo(
       <div className="h-full flex-1 flex flex-col text-sm pl-4">
         <div className="flex flex-col gap-2">
           <div className="flex flex-col space-y-1">
+            <div className="flex items-center gap-1 justify-end">
+              <Button
+                label="Refresh"
+                icon={ArrowPathIcon}
+                onClick={() => {
+                  tableScan.refetch();
+                }}
+              />
+            </div>
             <div className="flex items-center gap-2 justify-end">
               {tableScan.data && (
                 <TableInteraction