Making the labels in the sidebar usable as search filters

README.md

@@ -10,7 +10,7 @@ This is the official repository for [Find A PR](https://findapr.io/). Find A PR
 
 The following tools are required in order to start the installation and run the project locally.
 
-- PHP 8.1
+- PHP 8.2
 - [Composer](https://getcomposer.org/download/)
 
 ## Installation

app/Livewire/ListIssues.php

@@ -79,6 +79,8 @@ final class ListIssues extends Component
 
     public ?string $sort = null;
 
+    public array $searchLabels = [];
+
     public ?string $searchTerm = null;
 
     public bool $shouldDisplayFirstTimeNotice;
@@ -106,6 +108,7 @@ public function render(): View
 
         $issues = $this->originalIssues
             ->filter(fn (Issue $issue): bool => $this->showIgnoredIssues === in_array($issue->url, $this->ignoredUrls, true))
+            ->when($this->searchLabels, $this->applySearchLabel())
             ->when($this->searchTerm, $this->applySearch())
             ->when($this->sort, $this->applySort());
 
@@ -139,6 +142,32 @@ private function applySearch(): \Closure
         };
     }
 
+    private function applySearchLabel(): \Closure
+    {
+        return static function (Collection $issues, array $searchLabels): Collection {
+            return $issues->filter(function (Issue $issue) use ($searchLabels): bool {
+                foreach ($searchLabels as $searchLabel) {
+                    if (collect($issue->labels)->contains('name', $searchLabel)) {
+                        return true;
+                    }
+                }
+
+                return false;
+            });
+        };
+    }
+
+    public function toggleSearchLabel(string $label): void
+    {
+        $key = array_search($label, $this->searchLabels, strict: true);
+
+        if ($key !== false) {
+            unset($this->searchLabels[$key]);
+        } else {
+            $this->searchLabels[] = $label;
+        }
+    }
+
     private function applySort(): \Closure
     {
         return function (Collection $issues): Collection {

resources/views/components/side-bar.blade.php

@@ -64,10 +64,17 @@ class="w-full rounded-md border border-gray-300 shadow-sm px-2 py-2 bg-white tex
 
         @foreach($labels as $name => $count)
             <div>
-                <p class="inline-block items-center px-3 py-1 my-0.5 space-x-1 rounded text-xs font-bold border bg-gray-400 dark:bg-gray-600 text-white">
+                <button
+                    @class([
+                        'inline-block items-center px-3 py-1 my-0.5 rounded text-xs space-x-1 font-bold text-white hover:bg-green-500 dark:hover:bg-green-700 transition ease-out',
+                        'bg-green-400 dark:bg-green-600' => in_array($name, $this->searchLabels, strict: true),
+                        'bg-gray-400 dark:bg-gray-600' => ! in_array($name, $this->searchLabels, strict: true),
+                    ])
+                    wire:click="toggleSearchLabel('{{ $name }}')"
+                >
                     <span>{{ $name }}</span>
                     <span>({{$count}})</span>
-                </p>
+                </button>
             </div>
         @endforeach
     </div>