More verified author badges

Author: driesvints

resources/views/articles/show.blade.php

@@ -68,13 +68,19 @@ class="w-full bg-center bg-gray-800"
                         {{ $article->title() }}
                     </h1>
 
-                    <div class="flex flex-col gap-y-2 text-white lg:flex-row lg:items-center">
-                        <div class="flex items-center">
-                            <x-avatar :user="$article->author()" class="w-6 h-6 rounded-full mr-3" />
+                    <div class="flex flex-col gap-y-2 space-x-5 text-white lg:flex-row lg:items-center">
+                        <div class="flex items-center space-x-1">
+                            <x-avatar :user="$article->author()" class="w-6 h-6 rounded-full mr-1" />
 
                             <a href="{{ route('profile', $article->author()->username()) }}" class="hover:underline">
-                                <span class="mr-5">{{ $article->author()->name() }}</span>
+                                <span>{{ $article->author()->name() }}</span>
                             </a>
+
+                            @if ($article->author()->isVerifiedAuthor())
+                                <span title="This is a verified author">
+                                    @svg('heroicon-o-check-badge', 'w-5 h-5 text-white')
+                                </span>
+                            @endif
                         </div>
 
                         <div class="flex items-center gap-x-6">

resources/views/components/articles/overview-summary.blade.php

@@ -20,12 +20,18 @@
             <div>
                 <div class="flex flex-col gap-y-2 justify-between lg:flex-row lg:items-center">
                     <div class="flex flex-wrap items-center space-x-1 text-sm">
-                        <div class="flex items-center">
-                            <x-avatar :user="$article->author()" class="w-6 h-6 rounded-full mr-2" />
+                        <div class="flex items-center space-x-1">
+                            <x-avatar :user="$article->author()" class="w-6 h-6 rounded-full mr-1" />
 
                             <a href="{{ route('profile', $article->author()->username()) }}" class="hover:underline">
                                 <span class="text-gray-900 font-semibold">{{ $article->author()->username() }}</span>
                             </a>
+
+                            @if ($article->author()->isVerifiedAuthor())
+                                <span title="This is a verified author">
+                                    @svg('heroicon-s-check-badge', 'w-5 h-5 text-lio-500')
+                                </span>
+                            @endif
                         </div>
 
                         @if ($article->isApproved())

resources/views/components/articles/user-summary.blade.php

@@ -16,17 +16,21 @@
 
         <div class="flex flex-col h-full gap-y-3 p-4">
             <div>
-                <div class="flex flex-wrap items-center space-x-1 text-sm">
-                    <div class="flex items-center">
-                        <x-avatar :user="$article->author()" class="w-6 h-6 rounded-full mr-2" unlinked />
+                <div class="flex flex-wrap items-center space-x-2 text-sm">
+                    <div class="flex items-center space-x-1">
+                        <x-avatar :user="$article->author()" class="w-6 h-6 rounded-full mr-1" unlinked />
 
                         <span class="text-gray-900">{{ $article->author()->username() }}</span>
-                    </div>
 
-                    <span class="text-gray-700">published on</span>
+                        @if ($article->author()->isVerifiedAuthor())
+                            <span title="This is a verified author">
+                                @svg('heroicon-s-check-badge', 'w-5 h-5 text-lio-500')
+                            </span>
+                        @endif
+                    </div>
 
-                    <span class="text-gray-700">
-                        {{ $article->approvedAt()->format('j M, Y') }}
+                    <span class="text-gray-700"></span>
+                        published on {{ $article->approvedAt()->format('j M, Y') }}
                     </span>
                 </div>
             </div>