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

color, text

Browse Source
This commit is contained in:
Oier Bravo
2025-06-20 17:48:32 +02:00
parent 55b9b80a4e
commit baba1b7ade
2 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/UserInfo.astro
View File

@@ -8,15 +8,13 @@ interface Props {
const { session } = Astro.props; const { session } = Astro.props;
--- ---
<div class="p-4 rounded-lg bg-gray-100 my-4"> {session && session.userData ? (
{session ? (
<div class="text-gray-700"> <div class="text-gray-700">
<h2 class="m-0 mb-4 text-slate-800">{session.user?.name} | {session.user?.email}</h2> <h2 class="m-0 mb-4 text-slate-800">{session.user?.email}</h2>
<div class="bg-white p-4 rounded shadow-sm"> <div class="bg-white p-4 rounded shadow-sm">
<p>Zure saldoa: {session.userData.amount}</p> <p>Saldo: <strong>{session.userData.amount}€</strong></p>
</div> </div>
</div> </div>
) : ( ) : (
<p class="text-gray-600 italic">Sartu zure kontua</p> <></>
)} )}
</div>

5
src/pages/index.astro
View File

@@ -18,14 +18,15 @@ const session = await getUser(Astro.request, config);
<div class="flex justify-center"> <div class="flex justify-center">
<Image src={logo} alt="KarKarCar" class="max-w-xs" /> <Image src={logo} alt="KarKarCar" class="max-w-xs" />
</div> </div>
<UserInfo session={session} /> <UserInfo session={session} />
<KarKarCarAuth> <KarKarCarAuth>
{(session: KarKarCarSession) => ( {(session: KarKarCarSession) => (
<> <>
{session ? {session ?
<SignOut class="px-8 py-4 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200 font-medium text-xl">Logout</SignOut> <SignOut class="px-8 py-4 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200 font-medium text-xl">Irten/Salir</SignOut>
: :
<SignIn provider="keycloak" class="px-8 py-4 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200 font-medium text-xl">Login</SignIn> <SignIn provider="keycloak" class="px-8 py-4 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200 font-medium text-xl" style="background-color: #005f7d;">Sartu/Entrar</SignIn>
} }
</> </>
)} )}