28 lines
963 B
TypeScript
28 lines
963 B
TypeScript
import RouteCards from '@/components/RouteCards';
|
|
import { CardTitle, Card, CardDescription, CardHeader, CardContent } from '@/components/ui/card';
|
|
import { getRoutes } from '@/lib/serverActions';
|
|
|
|
export default async function Home() {
|
|
let routes: Route[] = await getRoutes();
|
|
|
|
return (
|
|
<main>
|
|
<div className='flex items-center justify-center p-2'>
|
|
<Card className='flex'>
|
|
<CardHeader>
|
|
<CardTitle>Active Routes</CardTitle>
|
|
<CardDescription>Amount of configured routes</CardDescription>
|
|
</CardHeader>
|
|
<CardContent className='flex items-center'>
|
|
<div className=''>
|
|
<p className='text-xl font-semibold translate-y-2'>{routes.length}</p>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
<div className='grid grid-flow-row-dense md:grid-cols-6 sm:grid-cols-2 p-2'>
|
|
<RouteCards routes={routes} />
|
|
</div>
|
|
</main>
|
|
)
|
|
}
|