fix

README.md

@@ -7,7 +7,7 @@
 
 Unsplash gallery for Filament. Search and pick any image from Unsplash.com, specify which size to use.
 
-![](./screenshot.jpg)
+![](./screenshot.jpeg)
 
 ## Installation
 

src/Actions/UnsplashPickerAction.php

@@ -40,7 +40,7 @@ protected function setUp(): void
 
         $this->modalWidth(fn (MountableAction $action): ?MaxWidth => MaxWidth::ScreenLarge);
 
-        $this->modalContent(fn () => new HtmlString(Blade::render("@livewire('unsplash-picker-component', ['perPage' => {$this->perPage}])")));
+        $this->modalContent(fn () => new HtmlString(Blade::render("@livewire('unsplash-picker-component', {$this->getOptions()})")));
 
         $this->action($this->uploadImage(...));
     }
@@ -122,4 +122,18 @@ protected function getImageSize(): ImageSize
     {
         return $this->imageSize ?? ImageSize::Regular;
     }
+
+    protected function getPerPage(): ?int
+    {
+        return $this->perPage;
+    }
+
+    protected function getOptions()
+    {
+        if (! $this->getPerPage()) {
+            return;
+        }
+
+        return "['perPage' => {$this->getPerPage()}]";
+    }
 }

src/Components/UnsplashPickerComponent.php

@@ -62,7 +62,6 @@ public function nextPageAction(): Action
         return Action::make('nextPage')
             ->button()
             ->label(__('unsplash-picker::unsplash-picker.next'))
-            ->color('gray')
             ->disabled(fn () => $this->totalPages <= 1 || $this->page === $this->totalPages)
             ->action(function () {
                 $this->nextPage();
@@ -73,7 +72,6 @@ public function previousPageAction(): Action
     {
         return Action::make('previousPage')
             ->button()
-            ->color('gray')
             ->label(__('unsplash-picker::unsplash-picker.previous'))
             ->disabled(fn () => $this->totalPages <= 1 || $this->page === 1)
             ->action(function () {