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