Merge branch 'main' of https://github.com/snowball-tools/snowballtools-base into andrehadianto/design-system-components

2024-02-22 12:45:17 +07:00
parent 9dec48d67c e816c596ca
commit 496404195c
26 changed files with 1057 additions and 455 deletions
@@ -16,6 +16,7 @@ const DEFAULT_FILTER_VALUE: FilterValue = {
  searchedBranch: '',
  status: StatusOptions.ALL_STATUS,
 };
+const FETCH_DEPLOYMENTS_INTERVAL = 5000;

 const DeploymentsTabPanel = () => {
  const client = useGQLClient();
@@ -26,22 +27,30 @@ const DeploymentsTabPanel = () => {
  const [deployments, setDeployments] = useState<Deployment[]>([]);
  const [prodBranchDomains, setProdBranchDomains] = useState<Domain[]>([]);

-  const fetchDeployments = async () => {
+  const fetchDeployments = useCallback(async () => {
    const { deployments } = await client.getDeployments(project.id);
    setDeployments(deployments);
-  };
+  }, [client, project]);

  const fetchProductionBranchDomains = useCallback(async () => {
    const { domains } = await client.getDomains(project.id, {
      branch: project.prodBranch,
    });
    setProdBranchDomains(domains);
-  }, []);
+  }, [client, project]);

  useEffect(() => {
-    fetchDeployments();
    fetchProductionBranchDomains();
-  }, []);
+    fetchDeployments();
+
+    const interval = setInterval(() => {
+      fetchDeployments();
+    }, FETCH_DEPLOYMENTS_INTERVAL);
+
+    return () => {
+      clearInterval(interval);
+    };
+  }, [fetchDeployments, fetchProductionBranchDomains]);

  const currentDeployment = useMemo(() => {
    return deployments.find((deployment) => {