2026-06-15 21:09:49 +00:00
|
|
|
import { Head } from '@inertiajs/react';
|
2026-06-16 13:45:16 +00:00
|
|
|
|
2026-06-16 17:38:21 +00:00
|
|
|
import { AppNavbar } from '@/components/app-navbar';
|
|
|
|
|
|
|
|
|
|
export default function Home({
|
|
|
|
|
flux,
|
|
|
|
|
clusters = [],
|
|
|
|
|
projects = [],
|
|
|
|
|
selectedProjectUuid = null,
|
|
|
|
|
selectedEnvironmentUuid = null,
|
|
|
|
|
}) {
|
2026-06-15 21:09:49 +00:00
|
|
|
return (
|
|
|
|
|
<>
|
2026-06-16 17:38:21 +00:00
|
|
|
<Head title="Magic" />
|
2026-06-15 21:09:49 +00:00
|
|
|
|
2026-06-16 17:38:21 +00:00
|
|
|
<div className="h-dvh overflow-hidden bg-background text-foreground">
|
|
|
|
|
<AppNavbar
|
|
|
|
|
flux={flux}
|
|
|
|
|
clusters={clusters}
|
|
|
|
|
projects={projects}
|
|
|
|
|
selectedProjectUuid={selectedProjectUuid}
|
|
|
|
|
selectedEnvironmentUuid={selectedEnvironmentUuid}
|
|
|
|
|
/>
|
2026-06-16 13:45:16 +00:00
|
|
|
|
2026-06-16 17:38:21 +00:00
|
|
|
<main className="flex h-full min-h-0 items-center justify-center overflow-hidden px-6 pt-16">
|
|
|
|
|
<section className="flex w-full max-w-5xl flex-col items-center justify-center gap-3 rounded-lg border border-dashed border-border bg-card px-8 py-24 text-center">
|
|
|
|
|
<p className="text-sm font-medium text-foreground">Magic</p>
|
|
|
|
|
<p className="max-w-md text-sm text-muted-foreground">This is where the magic happens.</p>
|
|
|
|
|
</section>
|
|
|
|
|
</main>
|
|
|
|
|
</div>
|
2026-06-15 21:09:49 +00:00
|
|
|
</>
|
|
|
|
|
);
|
|
|
|
|
}
|
