B #5780: Provision images doesn't work with hyphen (#1942)

src/fireedge/etc/provision/providers.d/dummy.yaml

@@ -1,4 +1,4 @@
 name: 'Dummy'
-image: 'ON-PREMISE'
+image: 'ONPREMISE'
 provision_type: 'onprem'
 color: '#436637'

src/fireedge/src/client/components/Cards/ProvisionCard.js

@@ -50,13 +50,15 @@ const ProvisionCard = memo(
     const IMAGES_URL = isProvider ? PROVIDER_IMAGES_URL : PROVISION_IMAGES_URL
 
     const stateInfo = PROVISIONS_STATES[BODY.state]
-    const image = propImage ?? BODY?.image ?? DEFAULT_IMAGE
+    const image = propImage ?? BODY?.image
 
     const isExternalImage = useMemo(() => isExternalURL(image), [image])
 
-    const imageUrl = useMemo(
-      () => (isExternalImage ? image : `${IMAGES_URL}/${image}`),
-      [isExternalImage]
+    const imageUrl = useMemo(() => {
+        if (!image) return DEFAULT_IMAGE
+
+        return isExternalImage ? image : `${IMAGES_URL}/${image}`
+      },[isExternalImage]
     )
 
     return (

src/fireedge/src/client/components/Image/index.js

@@ -78,14 +78,13 @@ const Image = memo(
 
     return withSources ? (
       <picture {...pictureProps}>
-        {withSources &&
-          IMAGE_FORMATS.map((format) => (
-            <source
-              key={format}
-              srcSet={`${src}.${format}`}
-              type={`image/${format}`}
-            />
-          ))}
+        {IMAGE_FORMATS.map((format) => (
+          <source
+            key={format}
+            srcSet={`${src}.${format}`}
+            type={`image/${format}`}
+          />
+        ))}
         <img alt="" {...imageProps} src={src} onError={onImageFail} />
       </picture>
     ) : (