58 lines
1.6 KiB
TypeScript
58 lines
1.6 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { RefreshCw } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { useToast } from "@/components/ui/use-toast";
|
|
import { cn } from "@/lib/utils";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
interface RefreshButtonProps {
|
|
libraryId: string;
|
|
refreshLibrary: (libraryId: string) => Promise<{ success: boolean; error?: string }>;
|
|
}
|
|
|
|
export function RefreshButton({ libraryId, refreshLibrary }: RefreshButtonProps) {
|
|
const [isRefreshing, setIsRefreshing] = useState(false);
|
|
const { toast } = useToast();
|
|
const { t } = useTranslation();
|
|
|
|
const handleRefresh = async () => {
|
|
setIsRefreshing(true);
|
|
try {
|
|
const result = await refreshLibrary(libraryId);
|
|
|
|
if (result.success) {
|
|
toast({
|
|
title: t("library.refresh.success.title"),
|
|
description: t("library.refresh.success.description"),
|
|
});
|
|
} else {
|
|
throw new Error(result.error);
|
|
}
|
|
} catch (error) {
|
|
toast({
|
|
variant: "destructive",
|
|
title: t("library.refresh.error.title"),
|
|
description:
|
|
error instanceof Error ? error.message : t("library.refresh.error.description"),
|
|
});
|
|
} finally {
|
|
setIsRefreshing(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<Button
|
|
variant="ghost"
|
|
size="icon"
|
|
onClick={handleRefresh}
|
|
disabled={isRefreshing}
|
|
className="ml-2"
|
|
aria-label={t("library.refresh.button")}
|
|
>
|
|
<RefreshCw className={cn("h-4 w-4", isRefreshing && "animate-spin")} />
|
|
</Button>
|
|
);
|
|
}
|