From cce2e8c35d07de24339df5ef8af75c3f991cb562 Mon Sep 17 00:00:00 2001
From: Tim <47184194+imgde@users.noreply.github.com>
Date: Wed, 18 Jun 2025 23:52:32 +0200
Subject: [PATCH] Homepage isLoading

---
 01-frontend/src/pages/Home.tsx | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/01-frontend/src/pages/Home.tsx b/01-frontend/src/pages/Home.tsx
index e302a53..3053971 100644
--- a/01-frontend/src/pages/Home.tsx
+++ b/01-frontend/src/pages/Home.tsx
@@ -37,7 +37,7 @@ export default function Home() {
     const [selectedCategory, setSelectedCategory] = useState<string | null>(null);
     const [selectedRating, setSelectedRating] = useState<string | null>(null);
 
-    const { data = [] } = useQuery<ItemWithImage[]>({
+    const { data = [], isLoading } = useQuery<ItemWithImage[]>({
         queryKey: ['fetchItemListWithImage'],
         queryFn: fetchItemListWithImage,
         retry: 3, // Versucht es 3-mal erneut
@@ -140,7 +140,6 @@ export default function Home() {
         }
     };
 
-
     return (
         <div
             className="home-page-background"
@@ -171,12 +170,8 @@ export default function Home() {
                 className="home-page-background"
                 style={{ backgroundColor: theme.palette.homepage }}
             >
-                <div className="sidebar sidebar-filter">
-                    {/* … Sidebar mit Filtern … */}
-                </div>
-
-                {/* hier kommt Dein angepasster Hauptbereich */}
-                <main
+                {isLoading && t('loading')}
+                {!isLoading && <main
                     className="page-background page-background-center"
                     ref={containerRef}
                 >
@@ -202,7 +197,7 @@ export default function Home() {
                             ))
                         )}
                     </Box>
-                </main>
+                </main>}
             </div>
         </div>
     );