From b4d817bc84a8f7ce92ae1bc2d2465f35fa5c179f Mon Sep 17 00:00:00 2001
From: Benjamin Nussbaum <bnussbau@users.noreply.github.com>
Date: Wed, 12 Nov 2025 18:43:26 +0100
Subject: [PATCH] fix: lazy load catalog

---
 resources/views/livewire/catalog/index.blade.php | 2 +-
 resources/views/livewire/catalog/trmnl.blade.php | 2 +-
 resources/views/livewire/plugins/index.blade.php | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/livewire/catalog/index.blade.php b/resources/views/livewire/catalog/index.blade.php
index 751c866..d796d4f 100644
--- a/resources/views/livewire/catalog/index.blade.php
+++ b/resources/views/livewire/catalog/index.blade.php
@@ -23,7 +23,7 @@ new class extends Component {
 
         $this->catalogPlugins = Cache::remember('catalog_plugins', 43200, function () use ($catalogUrl) {
             try {
-                $response = Http::get($catalogUrl);
+                $response = Http::timeout(10)->get($catalogUrl);
                 $catalogContent = $response->body();
                 $catalog = Yaml::parse($catalogContent);
 
diff --git a/resources/views/livewire/catalog/trmnl.blade.php b/resources/views/livewire/catalog/trmnl.blade.php
index 3fcd473..034bf3b 100644
--- a/resources/views/livewire/catalog/trmnl.blade.php
+++ b/resources/views/livewire/catalog/trmnl.blade.php
@@ -22,7 +22,7 @@ new class extends Component {
     {
         try {
             $this->recipes = Cache::remember('trmnl_recipes_newest', 43200, function () {
-                $response = Http::get('https://usetrmnl.com/recipes.json', [
+                $response = Http::timeout(10)->get('https://usetrmnl.com/recipes.json', [
                     'sort-by' => 'newest',
                 ]);
 
diff --git a/resources/views/livewire/plugins/index.blade.php b/resources/views/livewire/plugins/index.blade.php
index 1f6c660..4f4da8b 100644
--- a/resources/views/livewire/plugins/index.blade.php
+++ b/resources/views/livewire/plugins/index.blade.php
@@ -286,7 +286,7 @@ new class extends Component {
                     </flux:heading>
                     <flux:subheading>Browse and install Recipes from the community. Add yours <a href="https://github.com/bnussbau/trmnl-recipe-catalog" class="underline" target="_blank">here</a>.</flux:subheading>
                 </div>
-                <livewire:catalog.index />
+                <livewire:catalog.index lazy />
             </div>
         </flux:modal>
 
@@ -297,7 +297,7 @@ new class extends Component {
                         <flux:badge color="yellow" class="ml-2">Alpha</flux:badge>
                     </flux:heading>
                 </div>
-                <livewire:catalog.trmnl />
+                <livewire:catalog.trmnl lazy />
             </div>
         </flux:modal>