From 141e3b047c46bd3ae0b7266a259a59e9948a2180 Mon Sep 17 00:00:00 2001
From: Daniel Wilkowski <wilkowski.kontakt@gmail.com>
Date: Wed, 9 Oct 2024 09:29:50 +0200
Subject: [PATCH] Include avatar initials in microblog comment form

---
 app/Http/Composers/InitialStateComposer.php     | 2 ++
 resources/js/components/microblog/microblog.vue | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/Http/Composers/InitialStateComposer.php b/app/Http/Composers/InitialStateComposer.php
index 6a0e4f71b..a062f1e6b 100644
--- a/app/Http/Composers/InitialStateComposer.php
+++ b/app/Http/Composers/InitialStateComposer.php
@@ -1,6 +1,7 @@
 <?php
 namespace Coyote\Http\Composers;
 
+use Coyote\Domain\Initials;
 use Coyote\Services\Forum\UserDefined;
 use Coyote\Services\JwtToken;
 use Coyote\User;
@@ -77,6 +78,7 @@ private function registerUserModel(): array
                 'photo'                => (string)$user->photo->url(),
                 'is_sponsor'           => $user->is_sponsor,
                 'postCommentStyle'     => $user->guest->settings['postCommentStyle'] ?? 'legacy',
+                'initials'             => (new Initials)->of($user->name),
             ],
         ];
     }
diff --git a/resources/js/components/microblog/microblog.vue b/resources/js/components/microblog/microblog.vue
index 2f369b1e6..748d69f97 100644
--- a/resources/js/components/microblog/microblog.vue
+++ b/resources/js/components/microblog/microblog.vue
@@ -148,7 +148,12 @@
               <div class="media microblog-input rounded border-top-0">
                 <div class="me-2">
                   <a v-profile="user.id">
-                    <vue-avatar :photo="user.photo" :name="user.name" class="i-35 d-block img-thumbnail"></vue-avatar>
+                    <vue-avatar
+                      :photo="user.photo" 
+                      :name="user.name"
+                      :initials="user.initials"
+                      class="i-35 d-block img-thumbnail"
+                    />
                   </a>
                 </div>
                 <div class="media-body position-relative">