From cd118cf08c31a1ecfbc6846940554ec811877262 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 3 Aug 2023 21:15:57 +0530
Subject: [PATCH] fix: added UserAvatar component

---
 frontend/src/components/UserAvatar.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 frontend/src/components/UserAvatar.vue

diff --git a/frontend/src/components/UserAvatar.vue b/frontend/src/components/UserAvatar.vue
new file mode 100644
index 00000000..3b1f8ad8
--- /dev/null
+++ b/frontend/src/components/UserAvatar.vue
@@ -0,0 +1,21 @@
+<template>
+  <Avatar
+    v-if="user"
+    :label="getUser(user).full_name"
+    :image="getUser(user).user_image"
+    v-bind="$attrs"
+  />
+</template>
+<script setup>
+import { Avatar } from 'frappe-ui'
+import { usersStore } from '@/stores/users'
+
+const props = defineProps({
+  user: {
+    type: String,
+    default: null,
+  },
+})
+
+const { getUser } = usersStore()
+</script>