From 393fa9598c2d8606f21455dd5e0176f54c2468a2 Mon Sep 17 00:00:00 2001
From: Benjamin Nussbaum <bnussbau@users.noreply.github.com>
Date: Thu, 24 Jul 2025 22:22:22 +0200
Subject: [PATCH 1/3] fix: import highcharts.js from TRMNL CDN

---
 resources/views/recipes/pollen-forecast-eu.liquid | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/recipes/pollen-forecast-eu.liquid b/resources/views/recipes/pollen-forecast-eu.liquid
index f34414a..e3c2ddc 100644
--- a/resources/views/recipes/pollen-forecast-eu.liquid
+++ b/resources/views/recipes/pollen-forecast-eu.liquid
@@ -1,5 +1,5 @@
-<script src="https://code.highcharts.com/highcharts.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/chartkick@5.0.1/dist/chartkick.min.js"></script>
+<script src="https://usetrmnl.com/js/highcharts/12.3.0/highcharts.js"></script>
+<script src="https://usetrmnl.com/js/chartkick/5.0.1/chartkick.min.js"></script>
 
 <div class="view view--{{ size }}">
     <div class="layout layout--col gap--space-between">

From 9f23a7a48e7947e0b291101727f102c17871457a Mon Sep 17 00:00:00 2001
From: Benjamin Nussbaum <bnussbau@users.noreply.github.com>
Date: Fri, 25 Jul 2025 11:03:31 +0200
Subject: [PATCH 2/3] feat: add support section in settings

---
 .../components/layouts/app/header.blade.php   |  3 +-
 .../components/settings/layout.blade.php      |  1 +
 .../views/livewire/settings/support.blade.php | 33 +++++++++++++++++++
 routes/web.php                                |  1 +
 4 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 resources/views/livewire/settings/support.blade.php

diff --git a/resources/views/components/layouts/app/header.blade.php b/resources/views/components/layouts/app/header.blade.php
index 85eac00..58c7f17 100644
--- a/resources/views/components/layouts/app/header.blade.php
+++ b/resources/views/components/layouts/app/header.blade.php
@@ -66,7 +66,8 @@
             <flux:menu.separator/>
 
             <flux:menu.radio.group>
-                <flux:menu.item href="/settings/preferences" wire:navigate icon="cog">Settings</flux:menu.item>
+                <flux:menu.item href="{{ route('settings.preferences') }}" wire:navigate icon="cog">Settings</flux:menu.item>
+                <flux:menu.item href="{{ route('settings.support') }}" wire:navigate icon="heart">Support</flux:menu.item>
             </flux:menu.radio.group>
 
             <flux:menu.separator/>
diff --git a/resources/views/components/settings/layout.blade.php b/resources/views/components/settings/layout.blade.php
index 4d4c9fd..d0ed4cf 100644
--- a/resources/views/components/settings/layout.blade.php
+++ b/resources/views/components/settings/layout.blade.php
@@ -5,6 +5,7 @@
             <flux:navlist.item href="{{ route('settings.profile') }}" wire:navigate>Profile</flux:navlist.item>
             <flux:navlist.item href="{{ route('settings.password') }}" wire:navigate>Password</flux:navlist.item>
             <flux:navlist.item href="{{ route('settings.appearance') }}" wire:navigate>Appearance</flux:navlist.item>
+            <flux:navlist.item href="{{ route('settings.support') }}" wire:navigate>Support</flux:navlist.item>
         </flux:navlist>
     </div>
 
diff --git a/resources/views/livewire/settings/support.blade.php b/resources/views/livewire/settings/support.blade.php
new file mode 100644
index 0000000..7241d72
--- /dev/null
+++ b/resources/views/livewire/settings/support.blade.php
@@ -0,0 +1,33 @@
+<section class="w-full">
+    @include('partials.settings-heading')
+
+    <x-settings.layout heading="Support" subheading="Support the development of this project">
+
+        <div class="flex items-center gap-4">
+            <div class="flex items-center justify-end gap-2">
+                <flux:button class="w-42"
+                             href="https://github.com/sponsors/bnussbau"
+                             target="_blank"
+                             icon:trailing="arrow-up-right">{{ __('GitHub Sponsors') }}</flux:button>
+                <flux:button class="w-42"
+                             href="https://www.buymeacoffee.com/bnussbau"
+                             target="_blank"
+                             icon:trailing="arrow-up-right">{{ __('Buy me a coffee') }}</flux:button>
+            </div>
+        </div>
+
+        <div class="relative mt-10">
+            <flux:heading>{{ __('Referral Code') }}</flux:heading>
+            <flux:subheading>{{ __('Use the code to receive a $15 discount on your TRMNL device purchase.') }}</flux:subheading>
+
+            <div class="mt-3 flex items-center justify-start gap-2">
+                <flux:input value="laravel-trmnl" readonly copyable class="max-w-42"/>
+                <flux:button class="w-42"
+                             href="https://usetrmnl.com/?ref=laravel-trmnl"
+                             target="_blank"
+                             icon:trailing="arrow-up-right">{{ __('Referral link') }}</flux:button>
+            </div>
+
+        </div>
+    </x-settings.layout>
+</section>
diff --git a/routes/web.php b/routes/web.php
index d2887e6..47bda95 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -13,6 +13,7 @@ Route::middleware(['auth'])->group(function () {
     Volt::route('settings/profile', 'settings.profile')->name('settings.profile');
     Volt::route('settings/password', 'settings.password')->name('settings.password');
     Volt::route('settings/appearance', 'settings.appearance')->name('settings.appearance');
+    Volt::route('settings/support', 'settings.support')->name('settings.support');
 
     Volt::route('/dashboard', 'device-dashboard')->name('dashboard');
 

From 55b188a7e8b19fc835bddfa0d32cc11513d3c184 Mon Sep 17 00:00:00 2001
From: Benjamin Nussbaum <bnussbau@users.noreply.github.com>
Date: Fri, 25 Jul 2025 12:25:06 +0200
Subject: [PATCH 3/3] fix: active menu item style in sidebar

---
 .../components/layouts/app/header.blade.php   |  16 ++-
 .../components/layouts/app/sidebar.blade.php  | 132 ------------------
 2 files changed, 9 insertions(+), 139 deletions(-)
 delete mode 100644 resources/views/components/layouts/app/sidebar.blade.php

diff --git a/resources/views/components/layouts/app/header.blade.php b/resources/views/components/layouts/app/header.blade.php
index 58c7f17..7a9f2c0 100644
--- a/resources/views/components/layouts/app/header.blade.php
+++ b/resources/views/components/layouts/app/header.blade.php
@@ -4,6 +4,8 @@
     @include('partials.head')
 </head>
 <body class="min-h-screen bg-white dark:bg-zinc-800">
+
+<!-- Desktop Header Menu -->
 <flux:header container class="border-b border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
     <flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left"/>
 
@@ -92,23 +94,23 @@
     </a>
 
     <flux:navlist variant="outline">
-        <flux:navlist.group heading="Platform">
+        <flux:navlist.group heading="Menu">
             <flux:navlist.item icon="layout-grid" href="{{ route('dashboard') }}" wire:navigate
                                :current="request()->routeIs('dashboard')" class="m-2">
                 Dashboard
             </flux:navlist.item>
-            <flux:navbar.item icon="trmnl" href="{{ route('devices') }}" wire:navigate
+            <flux:navlist.item icon="trmnl" href="{{ route('devices') }}" wire:navigate
                               :current="request()->routeIs('devices')" class="m-2">
                 Devices
-            </flux:navbar.item>
-            <flux:navbar.item icon="puzzle-piece" href="{{ route('plugins.index') }}" wire:navigate
+            </flux:navlist.item>
+            <flux:navlist.item icon="puzzle-piece" href="{{ route('plugins.index') }}" wire:navigate
                               :current="request()->routeIs('plugins.index')" class="m-2">
                 Plugins &amp; Recipes
-            </flux:navbar.item>
-            <flux:navbar.item icon="play" href="{{ route('playlists.index') }}" wire:navigate
+            </flux:navlist.item>
+            <flux:navlist.item icon="play" href="{{ route('playlists.index') }}" wire:navigate
                               :current="request()->routeIs('playlists.index')" class="m-2">
                 Playlists
-            </flux:navbar.item>
+            </flux:navlist.item>
         </flux:navlist.group>
     </flux:navlist>
 
diff --git a/resources/views/components/layouts/app/sidebar.blade.php b/resources/views/components/layouts/app/sidebar.blade.php
deleted file mode 100644
index d0e913e..0000000
--- a/resources/views/components/layouts/app/sidebar.blade.php
+++ /dev/null
@@ -1,132 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
-    <head>
-        @include('partials.head')
-    </head>
-    <body class="min-h-screen bg-white dark:bg-zinc-800">
-        <flux:sidebar sticky stashable class="border-r border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
-            <flux:sidebar.toggle class="lg:hidden" icon="x-mark" />
-
-            <a href="{{ route('dashboard') }}" wire:navigate class="mr-5 flex items-center space-x-2">
-                <x-app-logo class="size-8" href="#"></x-app-logo>
-            </a>
-
-            <flux:navlist variant="outline">
-                <flux:navlist.group heading="Platform" class="grid">
-                    <flux:navlist.item icon="home" :href="route('dashboard')" wire:navigate :current="request()->routeIs('dashboard')">Dashboard</flux:navlist.item>
-                </flux:navlist.group>
-            </flux:navlist>
-
-            <flux:spacer />
-
-            <flux:navlist variant="outline">
-                <flux:navlist.item icon="folder-git-2" href="https://github.com/laravel/livewire-starter-kit" target="_blank">
-                    Repository
-                </flux:navlist.item>
-
-                <flux:navlist.item icon="book-open-text" href="https://laravel.com/docs/starter-kits" target="_blank">
-                    Documentation
-                </flux:navlist.item>
-            </flux:navlist>
-
-            <!-- Desktop User Menu -->
-            <flux:dropdown position="bottom" align="start">
-                <flux:profile
-                    :name="auth()->user()->name"
-                    :initials="auth()->user()->initials()"
-                    icon-trailing="chevrons-up-down"
-                />
-
-                <flux:menu class="w-[220px]">
-                    <flux:menu.radio.group>
-                        <div class="p-0 text-sm font-normal">
-                            <div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
-                                <span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
-                                    <span
-                                        class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
-                                    >
-                                        {{ auth()->user()->initials() }}
-                                    </span>
-                                </span>
-
-                                <div class="grid flex-1 text-left text-sm leading-tight">
-                                    <span class="truncate font-semibold">{{ auth()->user()->name }}</span>
-                                    <span class="truncate text-xs">{{ auth()->user()->email }}</span>
-                                </div>
-                            </div>
-                        </div>
-                    </flux:menu.radio.group>
-
-                    <flux:menu.separator />
-
-                    <flux:menu.radio.group>
-                        <flux:menu.item href="/settings/profile" icon="cog">Settings</flux:menu.item>
-                    </flux:menu.radio.group>
-
-                    <flux:menu.separator />
-
-                    <form method="POST" action="{{ route('logout') }}" class="w-full">
-                        @csrf
-                        <flux:menu.item as="button" type="submit" icon="arrow-right-start-on-rectangle" class="w-full">
-                            {{ __('Log Out') }}
-                        </flux:menu.item>
-                    </form>
-                </flux:menu>
-            </flux:dropdown>
-        </flux:sidebar>
-
-        <!-- Mobile User Menu -->
-        <flux:header class="lg:hidden">
-            <flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
-
-            <flux:spacer />
-
-            <flux:dropdown position="top" align="end">
-                <flux:profile
-                    :initials="auth()->user()->initials()"
-                    icon-trailing="chevron-down"
-                />
-
-                <flux:menu>
-                    <flux:menu.radio.group>
-                        <div class="p-0 text-sm font-normal">
-                            <div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
-                                <span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
-                                    <span
-                                        class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
-                                    >
-                                        {{ auth()->user()->initials() }}
-                                    </span>
-                                </span>
-
-                                <div class="grid flex-1 text-left text-sm leading-tight">
-                                    <span class="truncate font-semibold">{{ auth()->user()->name }}</span>
-                                    <span class="truncate text-xs">{{ auth()->user()->email }}</span>
-                                </div>
-                            </div>
-                        </div>
-                    </flux:menu.radio.group>
-
-                    <flux:menu.separator />
-
-                    <flux:menu.radio.group>
-                        <flux:menu.item href="/settings/profile" icon="cog">Settings</flux:menu.item>
-                    </flux:menu.radio.group>
-
-                    <flux:menu.separator />
-
-                    <form method="POST" action="{{ route('logout') }}" class="w-full">
-                        @csrf
-                        <flux:menu.item as="button" type="submit" icon="arrow-right-start-on-rectangle" class="w-full">
-                            {{ __('Log Out') }}
-                        </flux:menu.item>
-                    </form>
-                </flux:menu>
-            </flux:dropdown>
-        </flux:header>
-
-        {{ $slot }}
-
-        @fluxScripts
-    </body>
-</html>