TIFNGK_E41222719/src/components/dashboards/ExportExcel.tsx

24 lines
893 B
TypeScript

import { Button } from "../ui/button";
import { Download } from "lucide-react";
import { useReviewTable } from "@/src/hooks/useReviewTable";
import { useSearchParams } from "next/navigation";
import { downloadAllData } from "@/src/services/report.service";
export default function ExportExcel({ isDark }: { isDark: boolean }) {
const searchParams = useSearchParams();
const selectedBrand = searchParams.get("brand");
const { isLoading, data } = useReviewTable(10, selectedBrand);
return (
<Button
onClick={() => downloadAllData(data)}
variant="outline"
className={`flex items-center gap-2 border-primary/20 text-primary hover:bg-primary hover:text-card ${isDark ? "text-white hover:bg-gray-800 border-transparent" : "text-black hover:bg-primary"}`}
disabled={isLoading}
>
<Download className="h-4 w-4" />
Export Excel
</Button>
);
}