Add UserAvatar component and update Navbar.svelte

2024-04-06 01:59:10 +00:00
parent cd11ce2d97
commit de2dd6cd7e
3 changed files with 16 additions and 6 deletions
--- a/src/lib/components/UserAvatar.svelte
+++ b/src/lib/components/UserAvatar.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  export let user: any;
+  let firstLetter = user.first_name.charAt(0);
+</script>
+
+<div class="avatar placeholder">
+  <div class="bg-neutral text-neutral-content rounded-full w-10 ml-4">
+    <span class="text-2xl">{firstLetter}</span>
+  </div>
+</div>