✨ ajout du badge sponsor

Author: mckenziearts

resources/views/articles/show.blade.php

@@ -93,13 +93,16 @@
         <div class="lg:col-span-5">
             <header class="space-y-4">
                 <div class="sm:flex sm:items-center sm:flex-row sm:justify-between">
-                    @if ($article->tags->isNotEmpty())
-                        <div class="flex items-center space-x-2">
-                            @foreach ($article->tags as $tag)
-                                <x-tag :tag="$tag" />
-                            @endforeach
-                        </div>
-                    @endif
+                    <div class="flex items-center space-x-3">
+                        @if ($article->tags->isNotEmpty())
+                            <div class="flex items-center space-x-2">
+                                @foreach ($article->tags as $tag)
+                                    <x-tag :tag="$tag" />
+                                @endforeach
+                            </div>
+                        @endif
+                        <x-articles.sponsored :isSponsored="$article->isSponsored()" />
+                    </div>
 
                     <div class="mt-2 flex space-x-1 text-sm text-skin-base sm:mt-0">
                         <time datetime="{{ $article->createdAt()->format('Y-m-d') }}">{{ $article->createdAt()->format('j M, Y') }}</time>

resources/views/components/articles/card.blade.php

@@ -6,7 +6,7 @@
             <img class="object-cover shadow-lg rounded-lg group-hover:opacity-75" src="{{ $article->getFirstMediaUrl('media') }}" alt="{{ $article->title }}" />
         </div>
     </a>
-    <div>
+    <div class="space-y-4">
         <div>
             <time datetime="{{ $article->created_at->format('Y-m-d') }}" class="font-sans text-sm leading-5 text-skin-base capitalize">
                 {{ $article->created_at->isoFormat('LL') }}
@@ -19,12 +19,15 @@
                 {!! $article->excerpt(150) !!}
             </p>
         </div>
-        @if ($article->tags->isNotEmpty())
-            <div class="mt-4 flex items-center space-x-2">
-                @foreach ($article->tags as $tag)
-                    <x-tag :tag="$tag" />
-                @endforeach
-            </div>
-        @endif
+        <div class="flex items-center space-x-3">
+            @if ($article->tags->isNotEmpty())
+                <div class="flex items-center space-x-2">
+                    @foreach ($article->tags as $tag)
+                        <x-tag :tag="$tag" />
+                    @endforeach
+                </div>
+            @endif
+            <x-articles.sponsored :isSponsored="$article->isSponsored()" />
+        </div>
     </div>
 </div>

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

@@ -6,7 +6,7 @@
             <img class="object-cover shadow-lg rounded-lg group-hover:opacity-75" src="{{ $article->getFirstMediaUrl('media') }}" alt="{{ $article->title }}" />
         </div>
     </a>
-    <div class="sm:col-span-2">
+    <div class="sm:col-span-2 space-y-2">
         <div>
             <time datetime="{{ $article->created_at->format('Y-m-d') }}" class="font-sans text-sm leading-5 text-skin-base capitalize">
                 {{ $article->created_at->isoFormat('LL') }}
@@ -18,12 +18,15 @@
                 {!! $article->excerpt() !!}
             </p>
         </div>
-        @if ($article->tags->isNotEmpty())
-            <div class="mt-2 flex items-center space-x-2">
-                @foreach ($article->tags as $tag)
-                    <x-tag :tag="$tag" />
-                @endforeach
-            </div>
-        @endif
+        <div class="flex items-center space-x-3">
+            @if ($article->tags->isNotEmpty())
+                <div class="flex items-center space-x-2">
+                    @foreach ($article->tags as $tag)
+                        <x-tag :tag="$tag" />
+                    @endforeach
+                </div>
+            @endif
+            <x-articles.sponsored :isSponsored="$article->isSponsored()" />
+        </div>
     </div>
 </div>