Carlos Florêncio
68 lines
2.3 KiB
TypeScript
68 lines
2.3 KiB
TypeScript
"use client";
|
|
|
|
import { useState, useCallback, useEffect, useRef } from "react";
|
|
import { IconRefresh } from "@tabler/icons-react";
|
|
import { Button } from "@kandev/ui/button";
|
|
import { Tooltip, TooltipContent, TooltipTrigger } from "@kandev/ui/tooltip";
|
|
import { useToast } from "@/components/toast-provider";
|
|
import { useAppStore } from "@/components/state-provider";
|
|
import { triggerAllReviewWatches, listReviewWatches } from "@/lib/api/domains/github-api";
|
|
|
|
export function RefreshReviewsButton() {
|
|
const [loading, setLoading] = useState(false);
|
|
const { toast } = useToast();
|
|
const workspaceId = useAppStore((state) => state.workspaces.activeId);
|
|
const hasWatches = useAppStore((state) => state.reviewWatches.items.length > 0);
|
|
const watchesLoaded = useAppStore((state) => state.reviewWatches.loaded);
|
|
const setReviewWatches = useAppStore((state) => state.setReviewWatches);
|
|
const fetchedRef = useRef(false);
|
|
|
|
useEffect(() => {
|
|
if (!workspaceId || watchesLoaded || fetchedRef.current) return;
|
|
fetchedRef.current = true;
|
|
listReviewWatches(workspaceId)
|
|
.then((r) => setReviewWatches(r?.watches ?? []))
|
|
.catch(() => {});
|
|
}, [workspaceId, watchesLoaded, setReviewWatches]);
|
|
|
|
const handleTrigger = useCallback(async () => {
|
|
if (!workspaceId || loading) return;
|
|
setLoading(true);
|
|
try {
|
|
const result = await triggerAllReviewWatches(workspaceId);
|
|
const count = result?.new_prs_found ?? 0;
|
|
if (count > 0) {
|
|
toast({
|
|
description: `Found ${count} new PR${count > 1 ? "s" : ""} to review`,
|
|
variant: "success",
|
|
});
|
|
} else {
|
|
toast({ description: "No new PRs to review" });
|
|
}
|
|
} catch {
|
|
toast({ description: "Failed to check for review PRs", variant: "error" });
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
}, [workspaceId, loading, toast]);
|
|
|
|
if (!watchesLoaded || !hasWatches) return null;
|
|
|
|
return (
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Button
|
|
variant="outline"
|
|
size="icon"
|
|
className="cursor-pointer"
|
|
onClick={handleTrigger}
|
|
disabled={loading}
|
|
>
|
|
<IconRefresh className={`h-4 w-4 ${loading ? "animate-spin" : ""}`} />
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent>Check for PRs to review</TooltipContent>
|
|
</Tooltip>
|
|
);
|
|
}
|