From bcbe170d7accf4557165e80e070a2a47a4e6d5d4 Mon Sep 17 00:00:00 2001
From: Benjamin Takats <mail@benjamintakats.de>
Date: Tue, 17 Jan 2023 19:08:20 +0100
Subject: [PATCH] clearable button

---
 .../views/livewire/profile/meetups.blade.php     | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/resources/views/livewire/profile/meetups.blade.php b/resources/views/livewire/profile/meetups.blade.php
index e17da3bc..db7e6f0f 100644
--- a/resources/views/livewire/profile/meetups.blade.php
+++ b/resources/views/livewire/profile/meetups.blade.php
@@ -41,7 +41,21 @@
 
                     <div>
                         <x-input wire:model="search" placeholder="{{ __('Search') }}"
-                                 hint="{{ __('please limit your search here') }}"/>
+                                 hint="{{ __('please limit your search here') }}">
+                            <x-slot name="append">
+                                <div class="absolute inset-y-0 right-0 flex items-center p-0.5">
+                                    <x-button
+                                        wire:click="$set('search', '')"
+                                        class="h-full rounded-r-md"
+                                        black
+                                        flat
+                                        squared
+                                    >
+                                        <i class="fa-thin fa-xmark"></i>
+                                    </x-button>
+                                </div>
+                            </x-slot>
+                        </x-input>
                     </div>
 
                     <div class="mt-6 flow-root">