diff --git a/components/it-standards/LifecyclePicture.tsx b/components/it-standards/LifecyclePicture.tsx index d0f011eac2cd5c505f21297da7271af942edc451..0ba6ad38f63a238301d7c5be882245f15c79cf8c 100644 --- a/components/it-standards/LifecyclePicture.tsx +++ b/components/it-standards/LifecyclePicture.tsx @@ -1,26 +1,27 @@ 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 */} + {/* Die Next.js Image-Komponente verwendet das "src" Attribut <Image loader={imageLoader} 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> ) }