fix: updating custom image component

hlxsites · Jul 23, 2024 · 7e8ca53 · 7e8ca53
1 parent 26ca603
commit 7e8ca53
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 3 deletions.
diff --git a/component-definition.json b/component-definition.json
@@ -31,13 +31,25 @@
         {
           "title": "Image",
           "id": "image",
+          "plugins": {
+            "xwalk": {
+              "page": {
+                "resourceType": "core/franklin/components/image/v1/image",
+                "template": {}
+              }
+            }
+          }
+        },
+        {
+          "title": "Image Slide",
+          "id": "image-slide",
           "plugins": {
             "xwalk": {
               "page": {
                 "resourceType": "core/franklin/components/image/v1/image",
                 "template": {
-                  "name": "Image",
-                  "model": "image",
+                  "name": "Image Slide",
+                  "model": "image-slide",
                   "image": "/content/dam/aem-xwalk-test-harsh/content-at-scale.png",
                   "imageAlt": "Sample Image"
                 }

diff --git a/component-filters.json b/component-filters.json
@@ -51,7 +51,7 @@
   {
     "id": "image-carousel",
     "components": [
-      "image"
+      "image-slide"
     ]
   },
   {

diff --git a/component-models.json b/component-models.json
@@ -63,6 +63,25 @@
       }
     ]
   },
+  {
+    "id": "image-slide",
+    "fields": [
+      {
+        "component": "reference",
+        "valueType": "string",
+        "name": "image",
+        "label": "Image",
+        "multi": false
+      },
+      {
+        "component": "text",
+        "valueType": "string",
+        "name": "imageAlt",
+        "value": "Default alt",
+        "label": "Alt Text"
+      }
+    ]
+  },
   {
     "id": "button",
     "fields": [
-Original file line number
+Diff line change
@@ Expand Up / @@ -51,7 +51,7 @@ @@
       {
         "id": "image-carousel",
         "components": [
-          "image"
+          "image-slide"
         ]
       },
       {
@@ Expand Down @@