From f5b692c710ad774f0866661ebceac5c06aa942b5 Mon Sep 17 00:00:00 2001
From: Endaman Stevy <stevyabessolo@gmail.com>
Date: Tue, 7 Jan 2025 20:06:50 +0100
Subject: [PATCH 1/2] feat:(LAR-180) ajout des reaction et scroll sur article

feat:(LAR-180)  ajout des reactions et scroll sur article
---
 app/Livewire/Pages/Articles/Index.php                 |  8 +++++---
 .../views/livewire/pages/articles/index.blade.php     |  9 +++------
 .../livewire/pages/articles/single-post.blade.php     | 11 ++++++++++-
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/app/Livewire/Pages/Articles/Index.php b/app/Livewire/Pages/Articles/Index.php
index 150d5ed7..d6aee8ef 100644
--- a/app/Livewire/Pages/Articles/Index.php
+++ b/app/Livewire/Pages/Articles/Index.php
@@ -6,15 +6,17 @@
 
 use App\Models\Article;
 use App\Models\Tag;
-use App\Traits\WithInfiniteScroll;
 use App\Traits\WithLocale;
 use Illuminate\Contracts\View\View;
 use Livewire\Component;
+use Livewire\WithoutUrlPagination;
+use Livewire\WithPagination;
 
 final class Index extends Component
 {
-    use WithInfiniteScroll;
     use WithLocale;
+    use WithoutUrlPagination;
+    use WithPagination;
 
     public function mount(): void
     {
@@ -31,7 +33,7 @@ public function render(): View
                 ->published()
                 ->notPinned()
                 ->forLocale($this->locale)
-                ->paginate($this->perPage),
+                ->simplePaginate(5),
             'tags' => Tag::query()->whereHas('articles', function ($query): void {
                 $query->published();
             })->orderBy('name')->get(),
diff --git a/resources/views/livewire/pages/articles/index.blade.php b/resources/views/livewire/pages/articles/index.blade.php
index ed251a70..4c96002a 100644
--- a/resources/views/livewire/pages/articles/index.blade.php
+++ b/resources/views/livewire/pages/articles/index.blade.php
@@ -119,11 +119,8 @@ class="flex size-8 items-center justify-center rounded-full text-gray-400 transi
             @endforeach
         </div>
 
-        @if ($articles->hasMorePages())
-            <p x-intersect="@this.call('loadMore')" class="mt-10 flex items-center justify-center gap-2">
-                <x-loader class="text-primary-600" aria-hidden="true" />
-                {{ __('global.loading') }}
-            </p>
-        @endif
+        <div class="mt-4">
+            {{ $articles->links() }}
+        </div>
     </x-container>
 </div>
diff --git a/resources/views/livewire/pages/articles/single-post.blade.php b/resources/views/livewire/pages/articles/single-post.blade.php
index 257fd01e..33d02816 100644
--- a/resources/views/livewire/pages/articles/single-post.blade.php
+++ b/resources/views/livewire/pages/articles/single-post.blade.php
@@ -108,12 +108,21 @@ class="object-cover size-full"
             </div>
 
             <div class="lg:grid lg:grid-cols-4 lg:gap-16">
-                <div class="overflow-x-hidden lg:col-span-3">
+                <div class="overflow-hidden lg:col-span-3">
                     <x-markdown-content
                         id="content"
                         class="prose prose-green text-gray-500 dark:text-gray-400 dark:prose-invert lg:max-w-none"
                         :content="$article->body"
                     />
+
+                    <div class="relative inline-flex mt-5 space-x-4">
+                        <livewire:components.reactions
+                            wire:key="{{ $article->id }}"
+                            :model="$article"
+                            :with-place-holder="false"
+                            :with-background="false"
+                        />
+                    </div>
                 </div>
                 <div class="hidden lg:block">
                     <x-sticky-content class="space-y-10">

From 81f3e9f180d9b0ecea2e412afb81a4372ac58249 Mon Sep 17 00:00:00 2001
From: Endaman Stevy <stevyabessolo@gmail.com>
Date: Wed, 8 Jan 2025 02:55:44 +0100
Subject: [PATCH 2/2] feat:(LAR-180) update paginate article

---
 app/Livewire/Pages/Articles/Index.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/Livewire/Pages/Articles/Index.php b/app/Livewire/Pages/Articles/Index.php
index d6aee8ef..a78454c4 100644
--- a/app/Livewire/Pages/Articles/Index.php
+++ b/app/Livewire/Pages/Articles/Index.php
@@ -33,7 +33,7 @@ public function render(): View
                 ->published()
                 ->notPinned()
                 ->forLocale($this->locale)
-                ->simplePaginate(5),
+                ->simplePaginate(20),
             'tags' => Tag::query()->whereHas('articles', function ($query): void {
                 $query->published();
             })->orderBy('name')->get(),