12827564699

Committed 17 Jan 2025 10:47AM UTC coverage: 68.432% (+0.7%) from 67.699%

Build # 12827564699

Build Type

Pull #94

github

Committed by

web-flow

Commit Message

Merge 6d8f0b548 into 58d4d4776

Pull Request Pull Request #94: feat: initial work on codegate version check widget

Run Details

223 of 404 branches covered (55.2%)

Branch coverage included in aggregate %.

42 of 48 new or added lines in 9 files covered. (87.5%)

423 of 540 relevant lines covered (78.33%)

29.72 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

72.73

/src/features/dashboard-codegate-status/components/codegate-status-refresh-button.tsx

import { useQueryClient } from "@tanstack/react-query";
import { PollingInterval } from "./codegate-status-polling-control";
import { getQueryOptionsCodeGateStatus } from "../hooks/use-codegate-status";
import { useCallback, useEffect, useState } from "react";
import { Button } from "@stacklok/ui-kit";
import { RefreshCcw } from "lucide-react";
import { twMerge } from "tailwind-merge";

export function CodeGateStatusRefreshButton({
  pollingInterval,
  className,
}: {
  pollingInterval: PollingInterval;
  className?: string;
}) {
  const queryClient = useQueryClient();
  const { queryKey } = getQueryOptionsCodeGateStatus(pollingInterval);

  const [refreshed, setRefreshed] = useState<boolean>(false);

  useEffect(() => {
    const id = setTimeout(() => setRefreshed(false), 500);
    return () => clearTimeout(id);
  }, [refreshed]);

  const handleRefresh = useCallback(() => {
    setRefreshed(true);
    return queryClient.invalidateQueries({ queryKey, refetchType: "all" });
  }, [queryClient, queryKey]);

  return (
    <Button
      onPress={handleRefresh}
      variant="tertiary"
      className={twMerge("size-7", className)}
      isDisabled={refreshed}
    >
      <RefreshCcw className={refreshed ? "animate-spin-once" : undefined} />
    </Button>
  );
}

1	import { useQueryClient } from "@tanstack/react-query";
2	import { PollingInterval } from "./codegate-status-polling-control";
3	import { getQueryOptionsCodeGateStatus } from "../hooks/use-codegate-status";
4	import { useCallback, useEffect, useState } from "react";
5	import { Button } from "@stacklok/ui-kit";
6	import { RefreshCcw } from "lucide-react";
7	import { twMerge } from "tailwind-merge";
8
9	export function CodeGateStatusRefreshButton({
10	pollingInterval,
11	className,
12	}: {
13	pollingInterval: PollingInterval;
14	className?: string;
15	}) {
16	const queryClient = useQueryClient();	80✔
17	const { queryKey } = getQueryOptionsCodeGateStatus(pollingInterval);	80✔
18
19	const [refreshed, setRefreshed] = useState<boolean>(false);	80✔
20
21	useEffect(() => {	80✔
22	const id = setTimeout(() => setRefreshed(false), 500);	14✔
23	return () => clearTimeout(id);	14✔
24	}, [refreshed]);
25
26	const handleRefresh = useCallback(() => {	80✔
NEW 27	setRefreshed(true);	×
NEW 28	return queryClient.invalidateQueries({ queryKey, refetchType: "all" });	×
29	}, [queryClient, queryKey]);
30
31	return (
32	<Button
33	onPress={handleRefresh}
34	variant="tertiary"
35	className={twMerge("size-7", className)}
36	isDisabled={refreshed}
37	>
38	<RefreshCcw className={refreshed ? "animate-spin-once" : undefined} />	80!
39	</Button>
40	);
41	}

stacklok / codegate-ui / 12827564699

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous