Uni/dps-webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Dachboden Coding

Browse Source
This commit is contained in:
Tim
2025-06-17 16:54:44 +02:00
parent a98fd3925e
commit 3994d1282f
3 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
00-backend/datasource/database.sqlite
View File

Binary file not shown.

9
01-frontend/src/helper/homepage/ItemCard.tsx
View File

@@ -21,8 +21,11 @@ export default function ItemCard({ item }: { item: ItemWithImage }) {
const handleClick = () => { const handleClick = () => {
navigate(`/product/${item.id}`, { state: { item } }); navigate(`/product/${item.id}`, { state: { item } });
} }
const [imageUrl] = useState<string>(item.image || "/src/assets/default.jpg"); // Fallback-Bild const [imageUrl, setImageUrl] = useState<string>(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 ( return (
<Paper elevation={4}> <Paper elevation={4}>
@@ -31,7 +34,7 @@ export default function ItemCard({ item }: { item: ItemWithImage }) {
<CardMedia <CardMedia
component="img" component="img"
height="140" height="140"
image={imageUrl} src={imageUrl}
alt={item.name} alt={item.name}
onError={(event) => { onError={(event) => {
event.currentTarget.src = "/src/assets/default.jpg"; // Standardbild setzen event.currentTarget.src = "/src/assets/default.jpg"; // Standardbild setzen

2
01-frontend/src/pages/Home.tsx
View File

@@ -44,7 +44,7 @@ export default function Home() {
retryDelay: 1000, // Wartezeit zwischen den Versuchen (in ms) retryDelay: 1000, // Wartezeit zwischen den Versuchen (in ms)
}); });
const items:ItemWithImage[] = useMemo(() => data || [], [data]); const items: ItemWithImage[] = useMemo(() => data || [], [data]);
const discountedPrices = items.map( const discountedPrices = items.map(
(item) => item.price100 * (1 - item.discount100 / 100) (item) => item.price100 * (1 - item.discount100 / 100)