Merge pull request #63 from mochammad-fachorrozi/main

update component liveware playgrounds and codingcourse
sacodeofficial · Jun 10, 2024 · 35f1468 · 35f1468
2 parents 4cf5d28 + 3618bde
commit 35f1468
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 27 deletions.
diff --git a/app/Livewire/Guest/CodingCourses/Record.php b/app/Livewire/Guest/CodingCourses/Record.php
@@ -14,16 +14,11 @@ class Record extends Component
 {
     use WithPagination;
 
-    // public $CodingCourses;
-
     public function render(): View
     {
-        $CodingCourses = CodingCourses::paginate(10);
-        // $CodingCourses = CodingCourses::get();
-
-        // dd($CodingCourses);  
+        $CodingCourses = CodingCourses::latest()->paginate(6);
 
-        return view('livewire.guest.CodingCourses.record', 
+        return view('livewire.guest.codingcourses.record', 
                         [
                             'CodingCourses' => $CodingCourses
                         ]

diff --git a/app/Livewire/Guest/Playgrounds/Record.php b/app/Livewire/Guest/Playgrounds/Record.php
@@ -9,12 +9,13 @@
 class Record extends Component
 {
     use WithPagination;
-
 
     public function render()
     {
+        $playgrounds = Playgrounds::latest()->paginate(6);
+
         return view('livewire.guest.playgrounds.record', [
-            'playgrounds' => Playgrounds::latest()->paginate(6)
+            'playgrounds' => $playgrounds
         ])->layout('layouts.guest');
     }
 }
diff --git a/resources/views/livewire/guest/CodingCourses/record.blade.php b/resources/views/livewire/guest/CodingCourses/record.blade.php
@@ -113,7 +113,9 @@ class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm
       <!-- End Page Content -->
 
 
-
+      <div class="my-6">
+        {{ $CodingCourses->links() }}
+    </div>
 
 
 

diff --git a/resources/views/livewire/guest/playgrounds/record.blade.php b/resources/views/livewire/guest/playgrounds/record.blade.php
@@ -21,29 +21,38 @@
 
                 <p class="text-lg text-gray-800 dark:text-neutral-200">All the playgrounds available:</p>
 
-            <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
-
-                @foreach ($playgrounds as $playground)
+                @if (count($playgrounds) > 0)
 
-                <!-- Card -->
-                <div class="group flex flex-col h-full bg-white border border-gray-200 shadow-sm rounded-xl dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70">
-                    <img src="{{ asset($playground->image) }}" alt="{{ $playground->title }}" class="rounded-t-xl">
-                    <div class="mt-auto flex border-t border-gray-200 divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
-                    <a class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800 rounded-b-xl" href="{{ $playground->repository_url }}" target="_blank">
-                        <i class="fa-brands fa-github"></i> {{ $playground->title }}
-                    </a>
+                <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
+
+                    @foreach ($playgrounds as $playground)
+
+                    <!-- Card -->
+                    <div class="group flex flex-col h-full bg-white border border-gray-200 shadow-sm rounded-xl dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70">
+                        <img src="{{ asset($playground->image) }}" alt="{{ $playground->title }}" class="rounded-t-xl">
+                        <div class="mt-auto flex border-t border-gray-200 divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
+                        <a class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800 rounded-b-xl" href="{{ $playground->repository_url }}" target="_blank">
+                            <i class="fa-brands fa-github"></i> {{ $playground->title }}
+                        </a>
+                        </div>
                     </div>
+
+                    @endforeach
                 </div>
+                <!-- End Content -->
 
-                @endforeach
+                @else
+                    <h1 class="text-xl text-center text-gray-800 font-semibold">Data Not Found</h1>
+                @endif
+            </div>
+
+            <div class="my-6">
+                {{ $playgrounds->links() }}
             </div>
-            <!-- End Content -->
-        </div>
-        <!-- End Page Content -->
 
-        <div class="my-6">
-            {{ $playgrounds->links() }}
-        </div>
 
+        </div>
+    </div>
+    <!-- End Page Content -->
 
 </div>
-Original file line number
+Diff line change
@@ Expand Up @@
           <!-- End Page Content -->
+          <div class="my-6">
+            {{ $CodingCourses->links() }}
+        </div>
@@ Expand Down @@