From a170a8c166120b30b96c3bc19a8ea049a90dc700 Mon Sep 17 00:00:00 2001
From: Andy Leuchtturm <d-leuchtturm@gmx.net>
Date: Thu, 28 Sep 2023 17:36:12 +0200
Subject: [PATCH] implement lifecyclephase with <img>
---
components/it-standards/LifecyclePicture.tsx | 15 ++++-----------
1 file changed, 4 insertions(+), 11 deletions(-)
diff --git a/components/it-standards/LifecyclePicture.tsx b/components/it-standards/LifecyclePicture.tsx
index 0ba6ad3..ed9ecf2 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>
)
}
--
GitLab