jonas/kellner-rechner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed dass er bei essen bzw trinken bleibt

Browse Source
This commit is contained in:
Jonas Hinterdorfer 2025-06-16 09:56:49 +02:00
parent a376b5cd8a
commit 189fff2c34
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/HomePage.tsx
View File

@ -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>