73 lines
1.7 KiB
TypeScript
73 lines
1.7 KiB
TypeScript
"use client";
|
|
import { useEffect, useState } from "react";
|
|
import { Button } from "@nextui-org/react";
|
|
import { Plus } from "lucide-react";
|
|
import RunsTable from "./RunsTable";
|
|
import { fetchRuns, createRun, deleteRun } from "./runsControl";
|
|
|
|
type Props = {
|
|
projectId: string;
|
|
};
|
|
|
|
export default function RunsPage({ projectId }: Props) {
|
|
const [runs, setRuns] = useState([]);
|
|
|
|
useEffect(() => {
|
|
async function fetchDataEffect() {
|
|
try {
|
|
const data = await fetchRuns(projectId);
|
|
setRuns(data);
|
|
} catch (error) {
|
|
console.error("Error in effect:", error.message);
|
|
}
|
|
}
|
|
|
|
fetchDataEffect();
|
|
}, []);
|
|
|
|
const onCreateClick = async () => {
|
|
try {
|
|
const newRun = await createRun(projectId);
|
|
const updateRuns = [...runs];
|
|
updateRuns.push(newRun);
|
|
setRuns(updateRuns);
|
|
} catch (error) {
|
|
console.error("Error deleting run:", error);
|
|
}
|
|
};
|
|
|
|
const onDeleteClick = async (runId: number) => {
|
|
try {
|
|
await deleteRun(runId);
|
|
const data = await fetchRuns(projectId);
|
|
setRuns(data);
|
|
} catch (error) {
|
|
console.error("Error deleting run:", error);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className="container mx-auto max-w-3xl pt-6 px-6 flex-grow">
|
|
<div className="w-full p-3 flex items-center justify-between">
|
|
<h3 className="font-bold">Runs</h3>
|
|
<div>
|
|
<Button
|
|
startContent={<Plus size={16} />}
|
|
size="sm"
|
|
color="primary"
|
|
onClick={onCreateClick}
|
|
>
|
|
New Run
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
|
|
<RunsTable
|
|
projectId={projectId}
|
|
runs={runs}
|
|
onDeleteRun={onDeleteClick}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|