From 41b62201601a2130d769e9ac0d5b3914d67c8e0c Mon Sep 17 00:00:00 2001
From: bloodwiing <bloodwiing+git@alchemix.dev>
Date: Tue, 14 May 2024 00:29:48 +0300
Subject: [PATCH] Refactor: Make Avatar in UserItem customisable

---
 src/comp/useritem.svelte | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/comp/useritem.svelte b/src/comp/useritem.svelte
index 4c15fa5..3267bfa 100644
--- a/src/comp/useritem.svelte
+++ b/src/comp/useritem.svelte
@@ -1,22 +1,21 @@
 <script>
-    import Mention from "./mention.svelte";
+  import Avatar from "./avatar.svelte";
+  import Mention from "./mention.svelte";
 
   /**
    * @type {import("$types/base").User | undefined | null}
    */
   export let user;
+
+  /**
+   * @type {number}
+   */
+  export let iconSize = 16;
 </script>
 
 <style>
-  .icon {
-    width: 16px;
-    height: 16px;
-    border-radius: 100%;
-  }
 </style>
 
 <Mention user={user}>
-  <svg class="icon" viewBox="0 0 100 100">
-    <use href="/avatar.svg#avatar"></use>
-  </svg>
+  <Avatar size={iconSize}></Avatar>
 </Mention>