From 88778a95c95ef33db2ebc273b92de4ad70aa1628 Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Wed, 29 Apr 2026 19:56:41 +0200
Subject: [PATCH] feat: integrate kitchen tabs bar into meals, recipes,
 shopping

---
 public/pages/meals.js    | 2 ++
 public/pages/recipes.js  | 2 ++
 public/pages/shopping.js | 2 ++
 3 files changed, 6 insertions(+)

diff --git a/public/pages/meals.js b/public/pages/meals.js
index ee6af78..b2ebb6a 100644
--- a/public/pages/meals.js
+++ b/public/pages/meals.js
@@ -10,6 +10,7 @@ import { stagger } from '/utils/ux.js';
 import { t, formatDate, dateInputPlaceholder, formatDateInput, parseDateInput, isDateInputValid } from '/i18n.js';
 import { esc } from '/utils/html.js';
 import { DEFAULT_CATEGORY_NAME, categoryLabel } from '/utils/shopping-categories.js';
+import { renderKitchenTabsBar } from '/utils/kitchen-tabs.js';
 
 // --------------------------------------------------------
 // Konstanten
@@ -163,6 +164,7 @@ export async function render(container, { user }) {
   `;
 
   if (window.lucide) lucide.createIcons();
+  renderKitchenTabsBar(container, '/meals');
 
   const today  = new Date().toISOString().slice(0, 10);
   const monday = getMondayOf(today);
diff --git a/public/pages/recipes.js b/public/pages/recipes.js
index f53bf96..b44763e 100644
--- a/public/pages/recipes.js
+++ b/public/pages/recipes.js
@@ -7,6 +7,7 @@ import { api } from '/api.js';
 import { t } from '/i18n.js';
 import { openModal as openSharedModal, closeModal as closeSharedModal } from '/components/modal.js';
 import { DEFAULT_CATEGORY_NAME, categoryLabel } from '/utils/shopping-categories.js';
+import { renderKitchenTabsBar } from '/utils/kitchen-tabs.js';
 
 let _container = null;
 
@@ -70,6 +71,7 @@ export async function render(container) {
 
   page.append(header, list, fab);
   container.replaceChildren(page);
+  renderKitchenTabsBar(container, '/recipes');
 
   if (window.lucide) window.lucide.createIcons();
 
diff --git a/public/pages/shopping.js b/public/pages/shopping.js
index 195cc4f..187940b 100644
--- a/public/pages/shopping.js
+++ b/public/pages/shopping.js
@@ -10,6 +10,7 @@ import { t } from '/i18n.js';
 import { esc } from '/utils/html.js';
 import { promptModal } from '/components/modal.js';
 import { DEFAULT_CATEGORY_NAME, categoryLabel } from '/utils/shopping-categories.js';
+import { renderKitchenTabsBar } from '/utils/kitchen-tabs.js';
 
 // --------------------------------------------------------
 // Konstanten
@@ -839,6 +840,7 @@ export async function render(container, { user }) {
       </div>
     </div>
   `;
+  renderKitchenTabsBar(container, '/shopping');
 
   try {
     await Promise.all([loadCategories(), loadLists()]);