From 481afb00d54f81a4a82a018a8ac6ef61dbd8cbd7 Mon Sep 17 00:00:00 2001
From: Elliot Derhay <elliot@elliotderhay.com>
Date: Fri, 5 Jul 2024 00:38:10 -0400
Subject: [PATCH] Update simple tailwind paginator styles

---
 .../vendor/livewire/simple-tailwind.blade.php | 80 +++++++++++--------
 1 file changed, 48 insertions(+), 32 deletions(-)

diff --git a/resources/views/vendor/livewire/simple-tailwind.blade.php b/resources/views/vendor/livewire/simple-tailwind.blade.php
index 5c461abb..07d27072 100644
--- a/resources/views/vendor/livewire/simple-tailwind.blade.php
+++ b/resources/views/vendor/livewire/simple-tailwind.blade.php
@@ -1,56 +1,72 @@
 @php
-if (! isset($scrollTo)) {
-    $scrollTo = 'body';
-}
+	if (! isset($scrollTo)) {
+			$scrollTo = 'body';
+	}
 
-$scrollIntoViewJsSnippet = ($scrollTo !== false)
-    ? <<<JS
-       (\$el.closest('{$scrollTo}') || document.querySelector('{$scrollTo}')).scrollIntoView()
-    JS
-    : '';
+	$scrollIntoViewJsSnippet = ($scrollTo !== false)
+			? <<<JS
+				 (\$el.closest('{$scrollTo}') || document.querySelector('{$scrollTo}')).scrollIntoView()
+			JS
+			: '';
 @endphp
 
 <div>
-    @if ($paginator->hasPages())
-        <nav role="navigation" aria-label="Pagination Navigation" class="flex justify-between">
+	@if ($paginator->hasPages())
+		<nav role="navigation" aria-label="Pagination Navigation" class="flex justify-between">
             <span>
                 {{-- Previous Page Link --}}
-                @if ($paginator->onFirstPage())
-                    <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md select-none">
+							@if ($paginator->onFirstPage())
+								<span
+									class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-neutral-500 bg-white dark:bg-black border border-neutral-300 cursor-default leading-5 rounded-md">
                         {!! __('pagination.previous') !!}
                     </span>
-                @else
-                    @if(method_exists($paginator,'getCursorName'))
-                        <button type="button" dusk="previousPage" wire:key="cursor-{{ $paginator->getCursorName() }}-{{ $paginator->previousCursor()->encode() }}" wire:click="setPage('{{$paginator->previousCursor()->encode()}}','{{ $paginator->getCursorName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150">
+							@else
+								@if(method_exists($paginator,'getCursorName'))
+									<button type="button" dusk="previousPage"
+													wire:key="cursor-{{ $paginator->getCursorName() }}-{{ $paginator->previousCursor()->encode() }}"
+													wire:click="setPage('{{$paginator->previousCursor()->encode()}}','{{ $paginator->getCursorName() }}')"
+													x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled"
+													class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-neutral-700 bg-white dark:bg-black border border-neutral-300 leading-5 rounded-md hover:text-neutral-500 focus:outline-none focus:ring ring-neutral-300 focus:border-blue-300 active:text-neutral-700 transition ease-in-out duration-150">
                                 {!! __('pagination.previous') !!}
                         </button>
-                    @else
-                        <button
-                            type="button" wire:click="previousPage('{{ $paginator->getPageName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled" dusk="previousPage{{ $paginator->getPageName() == 'page' ? '' : '.' . $paginator->getPageName() }}" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150">
+								@else
+									<button
+										type="button" wire:click="previousPage('{{ $paginator->getPageName() }}')"
+										x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled"
+										dusk="previousPage{{ $paginator->getPageName() == 'page' ? '' : '.' . $paginator->getPageName() }}"
+										class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-neutral-700 bg-white dark:bg-black border border-neutral-300 leading-5 rounded-md hover:text-neutral-500 focus:outline-none focus:ring ring-neutral-300 focus:border-blue-300 active:text-neutral-700 transition ease-in-out duration-150">
                                 {!! __('pagination.previous') !!}
                         </button>
-                    @endif
-                @endif
+								@endif
+							@endif
             </span>
 
-            <span>
+			<span>
                 {{-- Next Page Link --}}
-                @if ($paginator->hasMorePages())
-                    @if(method_exists($paginator,'getCursorName'))
-                        <button type="button" dusk="nextPage" wire:key="cursor-{{ $paginator->getCursorName() }}-{{ $paginator->nextCursor()->encode() }}" wire:click="setPage('{{$paginator->nextCursor()->encode()}}','{{ $paginator->getCursorName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150">
+				@if ($paginator->hasMorePages())
+					@if(method_exists($paginator,'getCursorName'))
+						<button type="button" dusk="nextPage"
+										wire:key="cursor-{{ $paginator->getCursorName() }}-{{ $paginator->nextCursor()->encode() }}"
+										wire:click="setPage('{{$paginator->nextCursor()->encode()}}','{{ $paginator->getCursorName() }}')"
+										x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled"
+										class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-neutral-700 bg-white dark:bg-black border border-neutral-300 leading-5 rounded-md hover:text-neutral-500 focus:outline-none focus:ring ring-neutral-300 focus:border-blue-300 active:text-neutral-700 transition ease-in-out duration-150">
                                 {!! __('pagination.next') !!}
                         </button>
-                    @else
-                        <button type="button" wire:click="nextPage('{{ $paginator->getPageName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled" dusk="nextPage{{ $paginator->getPageName() == 'page' ? '' : '.' . $paginator->getPageName() }}" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150">
+					@else
+						<button type="button" wire:click="nextPage('{{ $paginator->getPageName() }}')"
+										x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled"
+										dusk="nextPage{{ $paginator->getPageName() == 'page' ? '' : '.' . $paginator->getPageName() }}"
+										class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-neutral-700 bg-white dark:bg-black border border-neutral-300 leading-5 rounded-md hover:text-neutral-500 focus:outline-none focus:ring ring-neutral-300 focus:border-blue-300 active:text-neutral-700 transition ease-in-out duration-150">
                                 {!! __('pagination.next') !!}
                         </button>
-                    @endif
-                @else
-                    <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md select-none">
+					@endif
+				@else
+					<span
+						class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-neutral-500 bg-white dark:bg-black border border-neutral-300 cursor-default leading-5 rounded-md">
                         {!! __('pagination.next') !!}
                     </span>
-                @endif
+				@endif
             </span>
-        </nav>
-    @endif
+		</nav>
+	@endif
 </div>