From 3d9cc3b11401f56127e08da386d6239433ab1152 Mon Sep 17 00:00:00 2001
From: Mazarin <djaiss@users.noreply.github.com>
Date: Tue, 20 Sep 2022 15:56:30 -0400
Subject: [PATCH] fix: fix avatar not showing on reminder list
 (monicahq/chandler#229)

---
 resources/js/Pages/Vault/Dashboard/Reminder/Index.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/resources/js/Pages/Vault/Dashboard/Reminder/Index.vue b/resources/js/Pages/Vault/Dashboard/Reminder/Index.vue
index d90c7b7589d..a835516548e 100644
--- a/resources/js/Pages/Vault/Dashboard/Reminder/Index.vue
+++ b/resources/js/Pages/Vault/Dashboard/Reminder/Index.vue
@@ -88,7 +88,9 @@
                   {{ reminder.scheduled_at }}
                 </p>
                 <div class="mr-2 flex items-center">
-                  <div class="mr-2 h-4 w-4" v-html="reminder.contact.avatar" />
+                  <avatar
+                    :data="reminder.contact.avatar"
+                    :classes="'h-4 w-4 mr-2 rounded-full ring-2 ring-white dark:ring-gray-900'" />
 
                   <inertia-link :href="reminder.contact.url.show" class="text-blue-500 hover:underline">
                     {{ reminder.contact.name }}
@@ -112,10 +114,12 @@
 
 <script>
 import Layout from '@/Shared/Layout.vue';
+import Avatar from '@/Shared/Avatar.vue';
 
 export default {
   components: {
     Layout,
+    Avatar,
   },
 
   props: {