src/pages/HomePage.tsx

@@ -6,11 +6,7 @@ import './HomePage.css';
 
 const HomePage: React.FC = () => {
   const [productsData, setProductsData] = useState<ProductsData>({ food: [], drinks: [] });
-  const [activeTab, setActiveTab] = useState<'food' | 'drinks'>(() => {
+  const [activeTab, setActiveTab] = useState<'food' | 'drinks'>('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')
@@ -20,12 +16,6 @@ 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">
@@ -37,13 +27,13 @@ const HomePage: React.FC = () => {
           <div className="category-tabs">
             <button
               className={activeTab === 'drinks' ? 'active' : ''}
-              onClick={() => handleTabChange('drinks')}
+              onClick={() => setActiveTab('drinks')}
             >
               Getränke
             </button>
             <button 
               className={activeTab === 'food' ? 'active' : ''}
-              onClick={() => handleTabChange('food')}
+              onClick={() => setActiveTab('food')}
             >
               Essen
             </button>