frontend/app/routes/index.tsx
2025-07-29 11:05:49 +02:00

24 lines
675 B
TypeScript

import { useEffect, useState } from "react";
import { getColles } from "~/lib/api";
export default function Index() {
const [colles, setColles] = useState([]);
useEffect(() => {
// Fetch colles data from the API
getColles(12, 2025).then((data) => {
setColles(data);
}).catch((error) => {
console.error("Error fetching colles:", error);
});
}, []);
return (
<div className="flex items-center justify-center h-screen">
<div className="flex flex-col items-center space-y-4">
<h1 className="text-2xl font-bold">Welcome to Khollisé!</h1>
<p>Got {colles.length} colles this week.</p>
</div>
</div>
);
}