fix: markup for recipe 'Zen Quotes'

resources/views/livewire/plugins/recipe.blade.php

@@ -803,7 +803,7 @@ HTML;
                                 </flux:field>
                             </div>
 
-                            <flux:button variant="primary" icon="cloud-arrow-down" wire:click="updateData" class="w-full mt-4">
+                            <flux:button icon="cloud-arrow-down" wire:click="updateData" class="w-full mt-4">
                                 Fetch data now
                             </flux:button>
                         </div>

resources/views/livewire/plugins/recipes/settings.blade.php

@@ -76,7 +76,7 @@ new class extends Component {
 
                 <flux:field>
                     <flux:checkbox wire:model.live="alias" label="Enable Alias" />
-                    <flux:description>Enable a public alias URL for this recipe.</flux:description>
+                    <flux:description>Enable an Alias URL for this recipe. Your server does not need to be exposed to the internet, but your device must be able to reach the URL. <a href="https://help.usetrmnl.com/en/articles/10701448-alias-plugin">Docs</a></flux:description>
                 </flux:field>
 
                 @if($alias)
@@ -87,7 +87,7 @@ new class extends Component {
                             readonly
                             copyable
                         />
-                        <flux:description>Use this URL to access the recipe image directly. Add <code>?device-model=name</code> to specify a device model.</flux:description>
+                        <flux:description>Copy this URL to your TRMNL Dashboard. By default, image is created for TRMNL OG; use parameter <code>?device-model=</code> to specify a device model.</flux:description>
                     </flux:field>
                 @endif
             </div>

resources/views/recipes/zen.blade.php

@@ -3,11 +3,11 @@
 <x-trmnl::view size="{{ $size }}">
     <x-trmnl::layout>
         <x-trmnl::layout class="layout--col">
-            <div class="b-h-gray-1">{{$data[0]['a']}}</div>
-            @if (strlen($data[0]['q']) < 300 && $size != 'quadrant')
-                <p class="value">{{ $data[0]['q'] }}</p>
+            <div class="b-h-gray-1">{{$data['data'][0]['a'] ?? ''}}</div>
+            @if (strlen($data['data'][0]['q'] ?? '') < 300 && $size != 'quadrant')
+                <p class="value">{{ $data['data'][0]['q'] ?? '' }}</p>
             @else
-                <p class="value--small">{{ $data[0]['q'] }}</p>
+                <p class="value--small">{{ $data['data'][0]['q'] ?? '' }}</p>
             @endif
         </x-trmnl::layout>
     </x-trmnl::layout>