From 936e27a31c38222cd112f058740c0beb0ea2df82 Mon Sep 17 00:00:00 2001
From: fsociety <fsociety.mp3@pm.me>
Date: Wed, 4 Jun 2025 17:55:15 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20refactor(pleb-table,=20project-supp?=
 =?UTF-8?q?ort):=20clean=20up=20concatenation,=20improve=20filter=20handli?=
 =?UTF-8?q?ng,=20and=20optimize=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Livewire/EinundzwanzigPlebTable.php       | 25 +++++++++----------
 .../project-support/index.blade.php           | 15 +++++++----
 2 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/app/Livewire/EinundzwanzigPlebTable.php b/app/Livewire/EinundzwanzigPlebTable.php
index 061f29e..4c6f265 100644
--- a/app/Livewire/EinundzwanzigPlebTable.php
+++ b/app/Livewire/EinundzwanzigPlebTable.php
@@ -66,36 +66,35 @@ final class EinundzwanzigPlebTable extends PowerGridComponent
                 'avatar',
                 fn($model,
                 )
-                    => '<img class="w-8 h-8 shrink-0 grow-0 rounded-full" onerror="this.onerror=null; this.src=\'https://robohash.org/test\'";" src="' . asset(
+                    => '<img class="w-8 h-8 shrink-0 grow-0 rounded-full" onerror="this.onerror=null; this.src=\'https://robohash.org/test\'";" src="'.asset(
                         $model->profile?->picture,
-                    ) . '">',
+                    ).'">',
             )
             ->add(
                 'for',
                 fn($model,
                 )
-                    => $model->application_for ? '<div class="m-1.5"><div class="text-xs inline-flex font-medium bg-red-500/20 text-red-700 rounded-full text-center px-2.5 py-1">' . AssociationStatus::from(
+                    => $model->application_for ? '<div class="m-1.5"><div class="text-xs inline-flex font-medium bg-red-500/20 text-red-700 rounded-full text-center px-2.5 py-1">'.AssociationStatus::from(
                         $model->application_for,
-                    )->label() . '</div></div>' : '',
+                    )->label().'</div></div>' : '',
             )
             ->add(
                 'payment',
                 fn(EinundzwanzigPleb $model)
-                    => $model->paymentEvents->count() > 0 && $model->paymentEvents->first(
-                )->paid ? '<span class="text-green-500">' . number_format(
+                    => $model->paymentEvents->count() > 0 && $model->paymentEvents->first()->paid ? '<span class="text-green-500">'.number_format(
                         $model->paymentEvents->first()->amount,
                         0,
                         ',',
                         '.',
-                    ) . '</span>' : 'keine Zahlung vorhanden',
+                    ).'</span>' : 'keine Zahlung vorhanden',
             )
             ->add('npub_export', fn(EinundzwanzigPleb $model) => $model->npub)
             ->add(
                 'npub',
                 fn(EinundzwanzigPleb $model)
-                    => '<a target="_blank" class="btn-xs bg-gray-900 text-gray-100 hover:bg-gray-800 dark:bg-gray-100 dark:text-gray-800 dark:hover:bg-white" href="https://nostrudel.ninja/u/' . e(
+                    => '<a target="_blank" class="btn-xs bg-gray-900 text-gray-100 hover:bg-gray-800 dark:bg-gray-100 dark:text-gray-800 dark:hover:bg-white" href="https://nostrudel.ninja/u/'.e(
                         $model->npub,
-                    ) . '">Nostr Profile</a>',
+                    ).'">Nostr Profile</a>',
             )
             ->add('association_status')
             ->add('association_status_name', fn(EinundzwanzigPleb $model) => $model->association_status->name)
@@ -110,7 +109,7 @@ final class EinundzwanzigPlebTable extends PowerGridComponent
                         AssociationStatus::HONORARY => 'text-xs inline-flex font-medium rounded-full text-center px-2.5 py-1 bg-blue-500/20 text-blue-700',
                         default => 'text-xs inline-flex font-medium rounded-full text-center px-2.5 py-1 text-red-700',
                     };
-                    return '<span class="' . $class . '">' . $model->association_status->label() . '</span>';
+                    return '<span class="'.$class.'">'.$model->association_status->label().'</span>';
                 },
             )
             ->add(
@@ -140,7 +139,7 @@ final class EinundzwanzigPlebTable extends PowerGridComponent
                 ->visibleInExport(visible: false)
                 ->sortable(),
 
-            Column::make('Beitrag ' . date('Y'), 'payment')
+            Column::make('Beitrag '.date('Y'), 'payment')
                 ->visibleInExport(visible: false),
 
             Column::make('Bewirbt sich für', 'for', 'application_for')
@@ -181,7 +180,7 @@ final class EinundzwanzigPlebTable extends PowerGridComponent
             ->findOrFail($rowId);
         $this->dialog()->confirm([
             'title' => 'Bist du sicher?',
-            'description' => 'Möchtest du ' . $pleb->profile->name . ' wirklich akzeptieren?',
+            'description' => 'Möchtest du '.$pleb->profile->name.' wirklich akzeptieren?',
             'acceptLabel' => 'Ja, akzeptieren',
             'method' => 'acceptPleb',
             'params' => $rowId,
@@ -196,7 +195,7 @@ final class EinundzwanzigPlebTable extends PowerGridComponent
             ->findOrFail($rowId);
         $this->dialog()->confirm([
             'title' => 'Bist du sicher?',
-            'description' => 'Möchtest du ' . $pleb->profile->name . ' wirklich löschen?',
+            'description' => 'Möchtest du '.$pleb->profile->name.' wirklich löschen?',
             'acceptLabel' => 'Ja, lösche',
             'method' => 'deletePleb',
             'params' => $rowId,
diff --git a/resources/views/pages/association/project-support/index.blade.php b/resources/views/pages/association/project-support/index.blade.php
index 92083b9..a58b730 100644
--- a/resources/views/pages/association/project-support/index.blade.php
+++ b/resources/views/pages/association/project-support/index.blade.php
@@ -14,9 +14,10 @@ use function Livewire\Volt\{state, mount, on, computed, updated};
 
 name('association.projectSupport');
 
+state(['activeFilter' => 'all',])->url();
+
 state([
     'search' => '',
-    'activeFilter' => 'all',
     'projects' => fn()
         => \App\Models\ProjectProposal::query()
         ->with([
@@ -80,6 +81,10 @@ $confirmDelete = function ($id) {
     ]);
 };
 
+$setFilter = function ($filter) {
+    $this->activeFilter = $filter;
+};
+
 $delete = function ($id) {
     \App\Models\ProjectProposal::query()->findOrFail($id)->delete();
     $this->projects = \App\Models\ProjectProposal::query()
@@ -132,25 +137,25 @@ $delete = function ($id) {
             <div class="mb-5">
                 <ul class="flex flex-wrap -m-1">
                     <li class="m-1">
-                        <button wire:click="$set('activeFilter', 'all')"
+                        <button wire:click="setFilter('all')"
                                 class="inline-flex items-center justify-center text-sm font-medium leading-5 rounded-full px-3 py-1 border {{ $activeFilter === 'all' ? 'border-transparent shadow-sm bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-800' : 'border-gray-200 dark:border-gray-700/60 hover:border-gray-300 dark:hover:border-gray-600 shadow-sm bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400' }} transition">
                             Alle
                         </button>
                     </li>
                     <li class="m-1">
-                        <button wire:click="$set('activeFilter', 'new')"
+                        <button wire:click="setFilter('new')"
                                 class="inline-flex items-center justify-center text-sm font-medium leading-5 rounded-full px-3 py-1 border {{ $activeFilter === 'new' ? 'border-transparent shadow-sm bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-800' : 'border-gray-200 dark:border-gray-700/60 hover:border-gray-300 dark:hover:border-gray-600 shadow-sm bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400' }} transition">
                             Neu
                         </button>
                     </li>
                     <li class="m-1">
-                        <button wire:click="$set('activeFilter', 'supported')"
+                        <button wire:click="setFilter('supported')"
                                 class="inline-flex items-center justify-center text-sm font-medium leading-5 rounded-full px-3 py-1 border {{ $activeFilter === 'supported' ? 'border-transparent shadow-sm bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-800' : 'border-gray-200 dark:border-gray-700/60 hover:border-gray-300 dark:hover:border-gray-600 shadow-sm bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400' }} transition">
                             Unterstützt
                         </button>
                     </li>
                     <li class="m-1">
-                        <button wire:click="$set('activeFilter', 'rejected')"
+                        <button wire:click="setFilter('rejected')"
                                 class="inline-flex items-center justify-center text-sm font-medium leading-5 rounded-full px-3 py-1 border {{ $activeFilter === 'rejected' ? 'border-transparent shadow-sm bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-800' : 'border-gray-200 dark:border-gray-700/60 hover:border-gray-300 dark:hover:border-gray-600 shadow-sm bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400' }} transition">
                             Abgelehnt
                         </button>