✨ ajout du tag sponsor sur les articles

Author: mckenziearts

app/Http/Controllers/ArticlesController.php

@@ -25,7 +25,7 @@ public function show(Article $article)
 
         views($article)->record();
 
-        $article = Cache::remember('post-' . $article->id, now()->addDays(2), fn () => $article);
+        $article = Cache::remember('post-' . $article->id, now()->addHour(), fn () => $article);
 
         abort_unless(
             $article->isPublished() || ($user && $user->hasAnyRole(['admin', 'moderator'])),

app/Http/Controllers/HomeController.php

@@ -15,6 +15,8 @@ public function index()
     {
         $latestArticles = Cache::remember('latestArticles', now()->addHour(), function () {
             return Article::with('tags')
+                ->orderByDesc('sponsored_at')
+                ->orderByDesc('submitted_at')
                 ->orderByViews()
                 ->published()
                 ->trending()

app/Http/Livewire/Articles/Browse.php

@@ -29,7 +29,9 @@ public function validSort($sort): bool
     public function render()
     {
         $articles = Article::with('tags')->published()
-            ->notPinned();
+            ->notPinned()
+            ->orderByDesc('sponsored_at')
+            ->orderByDesc('submitted_at');
 
         $tags = Tag::whereHas('articles', function ($query) {
             $query->published();

app/Models/Article.php

@@ -42,7 +42,6 @@ class Article extends Model implements ReactableInterface, HasMedia, Viewable
         'cover_image',
         'show_toc',
         'is_pinned',
-        'is_sponsored',
         'user_id',
         'tweet_id',
         'submitted_at',
@@ -65,7 +64,6 @@ class Article extends Model implements ReactableInterface, HasMedia, Viewable
         'sponsored_at' => 'datetime',
         'show_toc' => 'boolean',
         'is_pinned' => 'boolean',
-        'is_sponsored' => 'boolean',
     ];
 
     /**
@@ -171,6 +169,16 @@ public function isNotApproved(): bool
         return $this->approved_at === null;
     }
 
+    public function isSponsored(): bool
+    {
+        return ! $this->isNotSponsored();
+    }
+
+    public function isNotSponsored(): bool
+    {
+        return $this->sponsored_at === null;
+    }
+
     public function isDeclined(): bool
     {
         return ! $this->isNotDeclined();
@@ -196,11 +204,6 @@ public function isPinned(): bool
         return (bool) $this->is_pinned;
     }
 
-    public function isSponsored(): bool
-    {
-        return (bool) $this->is_sponsored;
-    }
-
     public function isNotShared(): bool
     {
         return $this->shared_at === null;
@@ -283,6 +286,11 @@ public function scopeDeclined(Builder $query): Builder
         return $query->whereNotNull('declined_at');
     }
 
+    public function scopeSponsored(Builder $query): Builder
+    {
+        return $query->whereNotNull('sponsored_at');
+    }
+
     public function scopeNotDeclined(Builder $query): Builder
     {
         return $query->whereNull('declined_at');

public/css/app.css

@@ -1,4 +1,4 @@
 {
     "/js/app.js": "/js/app.js?id=9abd09e80a5426001802",
-    "/css/app.css": "/css/app.css?id=ad2924a5bdd26f7adc2f"
+    "/css/app.css": "/css/app.css?id=1b6e5ebdedf4aff61229"
 }

public/mix-manifest.json

@@ -7,13 +7,17 @@
         </div>
     </a>
     <div class="sm:col-span-2">
-        @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">
             <a href="{{ route('articles.show', $article) }}" class="group">
                 <h4 class="text-lg leading-6 font-semibold font-sans text-skin-inverted group-hover:text-skin-primary">{{ $article->title }}</h4>
@@ -23,14 +27,14 @@
             </p>
             <div class="mt-3 flex items-center font-sans">
                 <div class="flex-shrink-0">
-                    <a href="/user/{{ $article->author->username }}">
+                    <a href="{{ route('profile', $article->author->username) }}">
                         <span class="sr-only">{{ $article->author->name }}</span>
                         <img class="h-10 w-10 rounded-full" src="{{ $article->author->profile_photo_url }}" alt="{{ $article->author->name }}">
                     </a>
                 </div>
                 <div class="ml-3">
                     <p class="text-sm font-medium text-skin-inverted">
-                        <a href="/user/{{ $article->author->username }}" class="hover:underline">
+                        <a href="{{ route('profile', $article->author->username) }}" class="hover:underline">
                             {{ $article->author->name }}
                         </a>
                     </p>

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

@@ -0,0 +1,7 @@
+@props(['isSponsored'])
+
+@if($isSponsored)
+    <span class="inline-flex items-center leading-none px-2.5 py-2 text-sm font-medium text-white rounded-full bg-gradient-to-r from-[#413626] to-[#7E5D36] font-sans">
+        Sponsorisé
+    </span>
+@endif