From a592f4dff28577e9123a5bcca1e46335028f42c4 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Thu, 6 Oct 2022 09:50:59 -0700
Subject: avatar component and bg cover

---
 src/components/Avatar.svelte | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/components/Avatar.svelte

(limited to 'src/components/Avatar.svelte')

diff --git a/src/components/Avatar.svelte b/src/components/Avatar.svelte
new file mode 100644
index 00000000..9b9547da
--- /dev/null
+++ b/src/components/Avatar.svelte
@@ -0,0 +1,25 @@
+<script>
+	import { colorTheme, tempProfileFiles } from '$lib/store';
+	import { Icon } from '$comp';
+
+	export let avatarPosition;
+	export let user;
+</script>
+
+<div
+	class="rounded-full border-4 border-white overflow-hidden w-32 h-32 bg-gradient-to-r {$colorTheme} flex justify-center items-center"
+>
+	<a href={`/${user.username}`}>
+		{#if user?.profile}
+			<img
+				src={$tempProfileFiles && $tempProfileFiles.profile
+					? $tempProfileFiles.profile
+					: `/api/public/${user.username}-profile.png`}
+				class="w-full h-full object-cover object-center overflow-hidden"
+				alt={user.username}
+			/>
+		{:else}
+			<Icon icon="logo-symbol-white" />
+		{/if}
+	</a>
+</div>
-- 
cgit v1.2.3