diff --git a/components/it-standards/LifecyclePicture.tsx b/components/it-standards/LifecyclePicture.tsx index 0ba6ad38f63a238301d7c5be882245f15c79cf8c..ed9ecf2a86557ba85671f5f1084efa8fbb1dc266 100644 --- a/components/it-standards/LifecyclePicture.tsx +++ b/components/it-standards/LifecyclePicture.tsx @@ -1,27 +1,20 @@ import { Tag } from 'types/content/' -/* import useImgPath from 'shared/use-img-path' -import Image from 'next/image' +import useImgPath from 'shared/use-img-path' const { getImgPath } = useImgPath() -const imageLoader = ({ src, width, quality }) => { - return `${src}?w=${width}&q=${quality || 75}` -} */ - export default function LifecyclePicture(lifecyclephase:Tag) { /* beim tag 'status' soll das zugehĂśrige Lebenszyklus-Bild ausgegeben werden */ const imagePath = `/img/standards/lifecycle/${lifecyclephase.value}.svg` return ( <div className="border border-gray-300 rounded-lg overflow-hidden py-2"> - {/* Die Next.js Image-Komponente verwendet das "src" Attribut - <Image - loader={imageLoader} + {/* Die Next.js Image-Komponente verwendet das "src" Attribut */} + <img src={getImgPath(imagePath)} alt={`Bild fĂźr Tag ${lifecyclephase.value}`} width={500} // Breite des Bildes height={0} // HĂśhe des Bildes - /> */} - <p>{imagePath}</p> + /> </div> ) }