adds tailwind & images

This commit is contained in:
2025-06-09 23:38:35 +02:00
parent 9597baf51a
commit 62da0c40db
10 changed files with 777 additions and 25 deletions

View File

@@ -1,9 +1,7 @@
---
import Layout from '../layouts/Base.astro';
import type { Session } from '@auth/core/types';
import Layout from '../layouts/BaseLayout.astro';
import { getSession } from 'auth-astro/server';
import { Auth, SignIn, SignOut } from 'auth-astro/components';
import { SignIn, SignOut } from 'auth-astro/components';
import KarKarCarAuth from "../components/KarKarCarAuth.astro"
// 1. Import any dependencies (Full support for JavaScript/TypeScript)
@@ -13,21 +11,23 @@ import type { KarKarCarSession } from "../api/index.ts"
---
<KarKarCarAuth>
{(session: KarKarCarSession) => (
<>
{session ?
<SignOut>Logout</SignOut>
:
<SignIn provider="keycloak">Login</SignIn>
}
<p>
{session ? `Logged in as ${session.user?.name}` : 'Not logged in'}
{session ? `Amount ${session.userData.amount}` : 'Not logged in'}
</p>
</>
)}
</KarKarCarAuth>
<Layout>
<KarKarCarAuth>
{(session: KarKarCarSession) => (
<>
{session ?
<SignOut>Logout</SignOut>
:
<SignIn provider="keycloak">Login</SignIn>
}
<p>
{session ? `Logged in as ${session.user?.name}` : 'Not logged in'}
{session ? `Amount ${session.userData.amount}` : ''}
</p>
</>
)}
</KarKarCarAuth>
</Layout>