Infobox 'combined standards'

components/it-standards/LifecyclePicture.tsx

 import useImgPath from 'shared/use-img-path'
+import MY_CONSTANTS from '@/lib/constants-standards.js'
 
 const { getImgPath } = useImgPath()
 
@@ -8,17 +9,26 @@ type LifecylceOptions = {
 // Display the image corresponding to the lifecycle phase
 export default ({ status } : LifecylceOptions) => {
     const imagePath = `/img/standards/lifecycle/${status}.svg`
-    console.log(status)
 
-    return (
-        <div className="border border-gray-300 rounded-lg overflow-hidden py-2">
-            {/* Die Next.js Image-Komponente verwendet das "src" Attribut */}
-            <img
-                src={getImgPath(imagePath)}
-                alt={`Bild für Tag ${status}`}
-                width={500} // Breite des Bildes
-                height={0} // Höhe des Bildes
-            />
-        </div>
-    )
+    if (MY_CONSTANTS.LYFE_CYCLE_PHASES.includes(status)) {
+        return (
+            <div className="border border-gray-300 rounded-lg overflow-hidden py-2">
+                {/* Die Next.js Image-Komponente verwendet das "src" Attribut */}
+                <img
+                    src={getImgPath(imagePath)}
+                    alt={`${status}`}
+                    width={500} // Breite des Bildes
+                    height={0} // Höhe des Bildes
+                />
+            </div>
+        )
+    }
+    else {
+        return (
+            <div className="border border-gray-300 rounded-lg overflow-hidden p-2">
+                #INVALID! (tags.status)
+            </div>
+
+        )
+    }
 }