From 0b4546aacb95147e7d4b0cf8237075be7e5db426 Mon Sep 17 00:00:00 2001
From: FlorianSpeicher <flo200538@gmail.com>
Date: Tue, 3 Jun 2025 22:35:01 +0200
Subject: [PATCH] Fixed no item warning.

---
 01-frontend/src/helper/navbar/NavBar.tsx |  1 +
 01-frontend/src/pages/Home.tsx           | 10 ++--------
 01-frontend/src/pages/pages.css          |  4 +++-
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/01-frontend/src/helper/navbar/NavBar.tsx b/01-frontend/src/helper/navbar/NavBar.tsx
index fe2a70d..fc6f05c 100644
--- a/01-frontend/src/helper/navbar/NavBar.tsx
+++ b/01-frontend/src/helper/navbar/NavBar.tsx
@@ -121,6 +121,7 @@ export default function NavBar() {
                                         <SearchIcon sx={{ color: "white", mr: 1 }} />
                                     ),
                                 }}
+                                
                             />
                         )}
                     />
diff --git a/01-frontend/src/pages/Home.tsx b/01-frontend/src/pages/Home.tsx
index 46d13a1..1b7e6b2 100644
--- a/01-frontend/src/pages/Home.tsx
+++ b/01-frontend/src/pages/Home.tsx
@@ -1,4 +1,4 @@
-import { Box, Typography } from "@mui/material";
+import { Alert, Box } from "@mui/material";
 import { useQuery } from "@tanstack/react-query";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -215,19 +215,13 @@ export default function Home() {
             <div className="page-background" ref={containerRef}>
                 <Box className="cardgrid">
                     {visibleItems.length === 0 ? (
-                        <p className="no-results">{t('noItemsFound')}</p>
+                        <Alert variant="filled" severity="warning" className="no-results">{t('noItemsFound')}</Alert>
                     ) : (
                         visibleItems.map((item) => (
                             <ItemCard key={item.id} item={item} />
                         ))
                     )}
                 </Box>
-
-                {/* Loader für Intersection Observer */}
-                <div ref={loaderRef} className="loader-container">
-                   <Typography>Im Moment keine Items verfpgbar</Typography>
-                    
-                </div>
             </div>
         </div>
     );
diff --git a/01-frontend/src/pages/pages.css b/01-frontend/src/pages/pages.css
index b18ccf2..054437d 100644
--- a/01-frontend/src/pages/pages.css
+++ b/01-frontend/src/pages/pages.css
@@ -149,5 +149,7 @@
 .no-results {
     text-align: center;
     font-size: 1rem;
-    color: var(--text-color);
+    min-width: 600px;
+    background-color: grey;
+    color: primary;
 }