chore(site): replace deployment stats service by react-query (#9698)

BrunoQuaresma · web-flow · commit 2319486806e8 · 2023-09-18T10:44:52.000-03:00
diff --git a/site/src/api/queries/deployment.ts b/site/src/api/queries/deployment.ts
@@ -13,3 +13,10 @@ export const deploymentDAUs = () => {
     queryFn: () => API.getDeploymentDAUs(),
   };
 };
+
+export const deploymentStats = () => {
+  return {
+    queryKey: ["deployment", "stats"],
+    queryFn: () => API.getDeploymentStats(),
+  };
+};
diff --git a/site/src/components/Dashboard/DeploymentBanner/DeploymentBanner.tsx b/site/src/components/Dashboard/DeploymentBanner/DeploymentBanner.tsx
@@ -1,20 +1,20 @@
-import { useMachine } from "@xstate/react";
 import { usePermissions } from "hooks/usePermissions";
 import { DeploymentBannerView } from "./DeploymentBannerView";
-import { deploymentStatsMachine } from "xServices/deploymentStats/deploymentStatsMachine";
+import { useQuery } from "@tanstack/react-query";
+import { deploymentStats } from "api/queries/deployment";
 
 export const DeploymentBanner: React.FC = () => {
   const permissions = usePermissions();
-  const [state, sendEvent] = useMachine(deploymentStatsMachine);
+  const deploymentStatsQuery = useQuery(deploymentStats());
 
-  if (!permissions.viewDeploymentValues || !state.context.deploymentStats) {
+  if (!permissions.viewDeploymentValues || !deploymentStatsQuery.data) {
     return null;
   }
 
   return (
     <DeploymentBannerView
-      stats={state.context.deploymentStats}
-      fetchStats={() => sendEvent("RELOAD")}
+      stats={deploymentStatsQuery.data}
+      fetchStats={() => deploymentStatsQuery.refetch()}
     />
   );
 };
diff --git a/site/src/xServices/deploymentStats/deploymentStatsMachine.ts b/site/src/xServices/deploymentStats/deploymentStatsMachine.ts
