oier/karkarcar-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

centered grid

Browse Source
This commit is contained in:
Oier Bravo
2025-06-10 00:28:28 +02:00
parent 286ae5135d
commit 56f6a45ccc
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/pages/index.astro
View File

@@ -5,26 +5,28 @@ import { SignIn, SignOut } from 'auth-astro/components';
import KarKarCarAuth from "../components/KarKarCarAuth.astro"
// 1. Import any dependencies (Full support for JavaScript/TypeScript)
import { getUser, type KarKarCarSession } from "../api/index.ts"
import { getUser, type KarKarCarSession } from "../api/index"
import UserInfo from "../components/UserInfo.astro"
import config from 'auth:config'
const session = await getUser(Astro.request, config);
---
<Layout>
<UserInfo session={session} />
<KarKarCarAuth>
{(session: KarKarCarSession) => (
<>
{session ?
<SignOut class="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200 font-medium">Logout</SignOut>
:
<SignIn provider="keycloak" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200 font-medium">Login</SignIn>
}
</>
)}
</KarKarCarAuth>
<div class="min-h-screen grid place-items-center">
<div class="grid gap-6 text-center">
<UserInfo session={session} />
<KarKarCarAuth>
{(session: KarKarCarSession) => (
<>
{session ?
<SignOut class="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200 font-medium">Logout</SignOut>
:
<SignIn provider="keycloak" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200 font-medium">Login</SignIn>
}
</>
)}
</KarKarCarAuth>
</div>
</div>
</Layout>