1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-22 22:39:36 +02:00
AdventureLog/src/lib/components/UserCard.svelte

22 lines
595 B
Svelte

<script lang="ts">
import type { DatabaseUser } from "$lib/server/auth";
export let user: DatabaseUser;
</script>
<div class="card w-96 shadow-xl bg-primary-content">
<div class="card-body">
<h2 class="card-title">{user.first_name} {user.last_name}</h2>
<p>
{user.username}{#if user.icon}
- {user.icon}{/if}
</p>
<p>Last Login: {user.last_login}</p>
<p>date: {user.signup_date}</p>
<p>{user.role}</p>
<p>{user.id}</p>
<div class="card-actions justify-end">
<button class="btn btn-primary">Edit User</button>
</div>
</div>
</div>