From 189fff2c342a04460dec3a36e953d9f241fe773c Mon Sep 17 00:00:00 2001
From: Jonas Hinterdorfer <j.hinterdorfer@HTBLALeonding.onmicrosoft.com>
Date: Mon, 16 Jun 2025 09:56:49 +0200
Subject: [PATCH] fixed dass er bei essen bzw trinken bleibt

---
 src/pages/HomePage.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 7d2db8f..e9b1fc7 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -6,7 +6,11 @@ import './HomePage.css';
 
 const HomePage: React.FC = () => {
   const [productsData, setProductsData] = useState<ProductsData>({ food: [], drinks: [] });
-  const [activeTab, setActiveTab] = useState<'food' | 'drinks'>('drinks');
+  const [activeTab, setActiveTab] = useState<'food' | 'drinks'>(() => {
+    // Initialize from session storage, default to 'drinks' if not available
+    const savedTab = sessionStorage.getItem('kelnerRechnerActiveTab');
+    return (savedTab === 'food' || savedTab === 'drinks') ? savedTab as 'food' | 'drinks' : 'drinks';
+  });
   
   useEffect(() => {
     import('../data/products.json')
@@ -16,6 +20,12 @@ const HomePage: React.FC = () => {
       .catch(error => console.error('Failed to load products:', error));
   }, []);
   
+  // Handler for tab changes that also updates session storage
+  const handleTabChange = (tab: 'food' | 'drinks') => {
+    setActiveTab(tab);
+    sessionStorage.setItem('kelnerRechnerActiveTab', tab);
+  };
+  
   return (
     <div className="home-page">
       <header className="app-header">
@@ -27,13 +37,13 @@ const HomePage: React.FC = () => {
           <div className="category-tabs">
             <button
               className={activeTab === 'drinks' ? 'active' : ''}
-              onClick={() => setActiveTab('drinks')}
+              onClick={() => handleTabChange('drinks')}
             >
               Getränke
             </button>
             <button 
               className={activeTab === 'food' ? 'active' : ''}
-              onClick={() => setActiveTab('food')}
+              onClick={() => handleTabChange('food')}
             >
               Essen
             </button>
-- 
2.45.2