Ajout des articles sur la landing et update des commandes

Author: mckenziearts

app/Http/Controllers/HomeController.php

@@ -18,7 +18,7 @@ public function index()
                 ->orderByViews()
                 ->published()
                 ->trending()
-                ->limit(3)
+                ->limit(4)
                 ->get();
         });
 

app/Notifications/PostArticleToTwitter.php

@@ -16,7 +16,7 @@ public function __construct(public Article $article)
     {
     }
 
-    public function via($notifiable)
+    public function via($notifiable): array
     {
         return [TwitterChannel::class];
     }
@@ -26,13 +26,13 @@ public function toTwitter($notifiable)
         return new TwitterStatusUpdate($this->generateTweet());
     }
 
-    public function generateTweet()
+    public function generateTweet(): string
     {
         $title = $this->article->title;
         $url = route('articles.show', $this->article->slug());
         $author = $this->article->author;
         $author = $author->twitter() ? "@{$author->twitter()}" : $author->name;
 
-        return "{$title} by {$author}\n\n{$url}";
+        return "{$title} par {$author}\n\n{$url}";
     }
 }

resources/views/articles/show.blade.php

@@ -125,18 +125,21 @@ class="mt-8 prose prose-lg prose-green text-skin-base mx-auto md:prose-xl lg:max
             <div class="py-6">
                 <p class="text-base text-skin-base font-normal">Vous aimez cet article ? Faite le savoir en partageant</p>
                 <div class="mt-4 flex items-center space-x-3">
-                    <button type="button" data-url="{{ route('articles.show', $article) }}" class="share_twitter inline-flex items-center py-2 px-4 border border-skin-base rounded-md shadow-sm bg-skin-button text-sm leading-5 font-normal text-skin-base hover:bg-skin-button-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500">
+                    <a href="https://twitter.com/share?text={{ urlencode('"'.$article->title.'" par '. ($article->author->twitter() ? '@'.$article->author->twitter() : $article->author->name) . ' - ') }}&url={{ urlencode(route('articles.show', $article)) }}"
+                       class="inline-flex items-center py-2 px-4 border border-skin-base rounded-md shadow-sm bg-skin-button text-sm leading-5 font-normal text-skin-base hover:bg-skin-button-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500">
                         <x-icon.twitter class="h-5 w-5 mr-1.5" />
                         Twitter
-                    </button>
-                    <button type="button" data-url="{{ route('articles.show', $article) }}" class="share_facebook inline-flex items-center py-2 px-4 border border-skin-base rounded-md shadow-sm bg-skin-button text-sm leading-5 font-normal text-skin-base hover:bg-skin-button-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500">
+                    </a>
+                    <a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(route('articles.show', $article)) }}&quote={{ urlencode('"'.$article->title.'" par '.$article->author->name.' - ') }}"
+                       class="inline-flex items-center py-2 px-4 border border-skin-base rounded-md shadow-sm bg-skin-button text-sm leading-5 font-normal text-skin-base hover:bg-skin-button-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500">
                         <x-icon.facebook class="h-5 w-5 mr-1.5" />
                         Facebook
-                    </button>
-                    <button type="button" data-url="{{ route('articles.show', $article) }}" class="share_linkedin inline-flex items-center py-2 px-4 border border-skin-base rounded-md shadow-sm bg-skin-button text-sm leading-5 font-normal text-skin-base hover:bg-skin-button-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500">
+                    </a>
+                    <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ urlencode(route('articles.show', $article)) }}&title={{ urlencode('"'.$article->title.'" par '.$article->author->name.' - ') }}"
+                       class="inline-flex items-center py-2 px-4 border border-skin-base rounded-md shadow-sm bg-skin-button text-sm leading-5 font-normal text-skin-base hover:bg-skin-button-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500">
                         <x-icon.linkedin class="h-5 w-5 mr-1.5" />
                         LinkedIn
-                    </button>
+                    </a>
                 </div>
             </div>
 

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

@@ -2,7 +2,7 @@
 
 <div class="space-y-6">
     <a href="{{ route('articles.show', $article) }}" class="group">
-        <div class="aspect-w-3 aspect-h-2 lg:aspect-w-3 lg:aspect-h-1">
+        <div class="aspect-w-3 aspect-h-2">
             <img class="object-cover shadow-lg rounded-lg group-hover:opacity-75" src="{{ $article->getFirstMediaUrl('media') }}" alt="{{ $article->title }}" />
         </div>
     </a>

resources/views/home.blade.php

@@ -67,10 +67,10 @@
 
             <div class="py-12 lg:py-20">
                 <x-section-header title="Articles Populaires" content="Découvrez les articles les plus appréciés et partagés par les membres de la communauté" />
-                <div class="mt-8 grid gap-6 max-w-xl mx-auto lg:grid-rows-2 lg:grid-flow-col lg:grid-cols-2 lg:mt-10 lg:gap-x-8 lg:max-w-none">
+                <div class="mt-8 grid gap-6 max-w-xl mx-auto lg:grid-rows-3 lg:grid-flow-col lg:grid-cols-2 lg:mt-10 lg:gap-x-8 lg:max-w-none">
                     @foreach($latestArticles as $article)
                         @if($loop->first)
-                            <div class="lg:row-span-2">
+                            <div class="lg:row-span-3">
                                 <x-articles.card :article="$article" />
                             </div>
                         @else
@@ -80,6 +80,13 @@
                         @endif
                     @endforeach
                 </div>
+
+                <div class="flex items-center justify-center mt-10 sm:mt-12 xl:mt-16">
+                    <x-button :link="route('articles')">
+                        Voir tous les articles
+                        <x-heroicon-o-arrow-narrow-right class="h-5 w-5 ml-1.5" />
+                    </x-button>
+                </div>
             </div>
 
             @if($latestThreads->isNotEmpty())
@@ -115,6 +122,13 @@
                             </div>
                         @endforeach
                     </div>
+
+                    <div class="flex items-center justify-center mt-10 sm:mt-12 xl:mt-16">
+                        <x-button :link="route('forum.index')">
+                            Voir tous les sujets
+                            <x-heroicon-o-arrow-narrow-right class="h-5 w-5 ml-1.5" />
+                        </x-button>
+                    </div>
                 </div>
             @endif
         </div>