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;
---
<div class="p-4 rounded-lg bg-gray-100 my-4">
{session ? (
{session && session.userData ? (
<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">
<p>Zure saldoa: {session.userData.amount}</p>
<p>Saldo: <strong>{session.userData.amount}€</strong></p>
</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">
<Image src={logo} alt="KarKarCar" class="max-w-xs" />
</div>
<UserInfo session={session} />
<KarKarCarAuth>
{(session: KarKarCarSession) => (
<>
{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>
}
</>
)}