verified badge component

Author: faissaloux

resources/views/articles/overview.blade.php

@@ -161,9 +161,7 @@
                                                 </a>
 
                                                 @if ($author->isVerifiedAuthor())
-                                                    <span title="This is a verified author">
-                                                        @svg('heroicon-s-check-badge', 'w-5 h-5 text-lio-500')
-                                                    </span>
+                                                    <x-badges.verified />
                                                 @endif
                                             </span>
 

resources/views/articles/show.blade.php

@@ -77,9 +77,7 @@ class="w-full bg-center bg-gray-800"
                             </a>
 
                             @if ($article->author()->isVerifiedAuthor())
-                                <span title="This is a verified author">
-                                    @svg('heroicon-o-check-badge', 'w-5 h-5 text-white')
-                                </span>
+                                <x-badges.verified type="o" color="text-white" />
                             @endif
                         </div>
 
@@ -161,9 +159,7 @@ class="prose prose-lg text-gray-800 prose-lio"
                                         </a>
 
                                         @if ($article->author()->isVerifiedAuthor())
-                                            <span title="This is a verified author">
-                                                @svg('heroicon-s-check-badge', 'w-6 h-6 text-lio-500')
-                                            </span>
+                                            <x-badges.verified color="text-lio-500" />
                                         @endif
                                     </span>
 

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

@@ -28,9 +28,7 @@
                             </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>
+                                <x-badges.verified />
                             @endif
                         </div>
 

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

@@ -23,9 +23,7 @@
                         <span class="text-gray-900">{{ $article->author()->username() }}</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>
+                            <x-badges.verified />
                         @endif
                     </div>
 

resources/views/components/badges/verified.blade.php

@@ -0,0 +1,5 @@
+@props(['type' => 's', 'color' => 'text-lio-500'])
+
+<span title="This is a verified author">
+    @svg("heroicon-$type-check-badge", "w-5 h-5 $color")
+</span>

resources/views/users/profile.blade.php

@@ -25,11 +25,8 @@ class="w-full bg-center bg-gray-800 h-60 container mx-auto"
                                 <span class="border border-lio-500 text-lio-500 rounded-sm px-3 py-1">
                                     {{ $user->isAdmin() ? 'Admin' : 'Moderator' }}
                                 </span>
-
                             @elseif ($user->isVerifiedAuthor())
-                                <span title="This is a verified author">
-                                    @svg('heroicon-s-check-badge', 'w-5 h-5 text-lio-500')
-                                </span>
+                                <x-badges.verified />
                             @endif
                         </div>