diff --git a/00-backend/datasource/database.sqlite b/00-backend/datasource/database.sqlite index ca12c30..67f011f 100644 Binary files a/00-backend/datasource/database.sqlite and b/00-backend/datasource/database.sqlite differ diff --git a/01-frontend/src/helper/homepage/ItemCard.tsx b/01-frontend/src/helper/homepage/ItemCard.tsx index 4f11e58..d282d99 100644 --- a/01-frontend/src/helper/homepage/ItemCard.tsx +++ b/01-frontend/src/helper/homepage/ItemCard.tsx @@ -21,8 +21,11 @@ export default function ItemCard({ item }: { item: ItemWithImage }) { const handleClick = () => { navigate(`/product/${item.id}`, { state: { item } }); } - const [imageUrl] = useState(item.image || "/src/assets/default.jpg"); // Fallback-Bild - + const [imageUrl, setImageUrl] = useState(item.image || "/src/assets/default.jpg"); // Fallback-Bild + + if(imageUrl !== "/src/assets/default.jpg" && !imageUrl.startsWith("data:image/")) { + setImageUrl("data:image/jpeg;base64," +imageUrl); + } return ( @@ -31,7 +34,7 @@ export default function ItemCard({ item }: { item: ItemWithImage }) { { event.currentTarget.src = "/src/assets/default.jpg"; // Standardbild setzen diff --git a/01-frontend/src/pages/Home.tsx b/01-frontend/src/pages/Home.tsx index 349de8c..4ecbe1b 100644 --- a/01-frontend/src/pages/Home.tsx +++ b/01-frontend/src/pages/Home.tsx @@ -44,7 +44,7 @@ export default function Home() { retryDelay: 1000, // Wartezeit zwischen den Versuchen (in ms) }); - const items:ItemWithImage[] = useMemo(() => data || [], [data]); + const items: ItemWithImage[] = useMemo(() => data || [], [data]); const discountedPrices = items.map( (item) => item.price100 * (1 - item.discount100 / 100)