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" import KarKarCarAuth from "../components/KarKarCarAuth.astro"
// 1. Import any dependencies (Full support for JavaScript/TypeScript) // 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 UserInfo from "../components/UserInfo.astro"
import config from 'auth:config' import config from 'auth:config'
const session = await getUser(Astro.request, config); const session = await getUser(Astro.request, config);
--- ---
<Layout> <Layout>
<UserInfo session={session} /> <div class="min-h-screen grid place-items-center">
<KarKarCarAuth> <div class="grid gap-6 text-center">
{(session: KarKarCarSession) => ( <UserInfo session={session} />
<> <KarKarCarAuth>
{session ? {(session: KarKarCarSession) => (
<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> <>
: {session ?
<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> <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> </>
)}
</KarKarCarAuth>
</div>
</div>
</Layout> </Layout>