skilld-admin/src/components/evaluations-table/tools-table.tsx

40 lines
1.1 KiB
TypeScript

"use client";
import { Heading } from "@/components/ui/heading";
import { Separator } from "@/components/ui/separator";
import React from "react";
import { DataTable } from "./data-table";
import { columns } from "./columns";
import Link from "next/link";
import { Plus } from "lucide-react";
import { buttonVariants } from "@/components/ui/button";
import { Evaluation } from "@/types/evaluation";
const ToolsTable = ({ evaluationsData }: { evaluationsData: Evaluation[] }) => {
return (
<>
<div className="flex items-start justify-between">
<Heading
title={`Evaluations (${evaluationsData.length})`}
description="Manage Evaluations"
/>
<Link
href="#"
className={buttonVariants({
variant: "default",
// size: "sm",
})}
// className="text-xs md:text-sm"
// onClick={() => router.push(`/admin-dashboard/tools/add`)}
>
<Plus className="mr-2 h-4 w-4" /> Add Evaluation
</Link>
</div>
<Separator />
<DataTable data={evaluationsData} columns={columns} />
</>
);
};
export default ToolsTable;