color, text

src/components/UserInfo.astro

@@ -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> 
+    <></>
+  )}