From 5c02d237e354e3be0d62b19a1840b093e79955ce Mon Sep 17 00:00:00 2001
From: "waffle.lord" <waffle.lord@hotmail.com>
Date: Fri, 9 Aug 2024 11:45:37 -0400
Subject: [PATCH] add featured section filter

---
 app/Livewire/ModIndex.php                    | 9 ++++++---
 resources/views/livewire/mod-index.blade.php | 6 +++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/Livewire/ModIndex.php b/app/Livewire/ModIndex.php
index c629654..8510598 100644
--- a/app/Livewire/ModIndex.php
+++ b/app/Livewire/ModIndex.php
@@ -13,14 +13,17 @@ class ModIndex extends Component
 
     public $modSearch = '';
 
-    public $sectionFilter = 'new';
+    public $sectionFilter = 'featured';
 
     public function render()
     {
-        // 'new' section is default
-        $section = 'created_at';
+        // 'featured' section is default
+        $section = 'featured';
 
         switch ($this->sectionFilter) {
+            case 'new':
+                $section = 'created_at';
+                break;
             case 'most_downloaded':
                 $section = 'total_downloads';
                 break;
diff --git a/resources/views/livewire/mod-index.blade.php b/resources/views/livewire/mod-index.blade.php
index 3be079b..40f0943 100644
--- a/resources/views/livewire/mod-index.blade.php
+++ b/resources/views/livewire/mod-index.blade.php
@@ -32,7 +32,11 @@
             {{-- section filters --}}
             <div class="hidden sm:block my-4">
                 <nav class="isolate flex divide-x divide-gray-200 dark:divide-gray-800 rounded-xl shadow-md dark:shadow-gray-950 drop-shadow-2xl" aria-label="Tabs">
-                    <button wire:click="changeSection('new')" class="tab rounded-l-xl group relative min-w-0 flex-1 overflow-hidden py-4 px-4 text-center text-sm font-medium text-gray-900 dark:text-white bg-white dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-black dark:hover:text-white focus:z-10" aria-current="page">
+                    <button wire:click="changeSection('featured')" class="tab rounded-l-xl group relative min-w-0 flex-1 overflow-hidden py-4 px-4 text-center text-sm font-medium text-gray-900 dark:text-white bg-white dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-black dark:hover:text-white focus:z-10">
+                        <span>{{ __('Featured') }}</span>
+                        <span aria-hidden="true" class="{{ $sectionFilter === 'featured' ? 'bg-gray-500 absolute inset-x-0 bottom-0 h-0.5' : 'bottom-0 h-0.5' }}"></span>
+                    </button>
+                    <button wire:click="changeSection('new')" class="tab group relative min-w-0 flex-1 overflow-hidden py-4 px-4 text-center text-sm font-medium text-gray-900 dark:text-white bg-white dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-black dark:hover:text-white focus:z-10">
                         <span>{{ __('New') }}</span>
                         <span aria-hidden="true" class="{{ $sectionFilter === 'new' ? 'bg-gray-500 absolute inset-x-0 bottom-0 h-0.5' : 'bottom-0 h-0.5' }}"></span>
                     </button>