New: Support for responsive menu item image sources (fixes #198) (#200)

adaptlearning · Jul 15, 2024 · 65ca0c1 · 65ca0c1
1 parent 447aaa3
commit 65ca0c1
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/templates/boxMenuItem.jsx b/templates/boxMenuItem.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import Adapt from 'core/js/adapt';
-import { classes, compile } from 'core/js/reactHelpers';
+import { classes, compile, templates } from 'core/js/reactHelpers';
 
 export default function BoxMenuItem (props) {
 
@@ -38,15 +38,11 @@ export default function BoxMenuItem (props) {
   return (
     <div className="menu-item__inner boxmenu-item__inner">
 
-      {_graphic?.src &&
-      <div className="menu-item__image-container boxmenu-item__image-container">
-        <img
-          className="menu-item__image boxmenu-item__image"
-          src={_graphic.src}
-          aria-hidden="true"
-        />
-      </div>
-      }
+      <templates.image {..._graphic}
+        classNamePrefixes={['menu-item', 'boxmenu-item']}
+        alt={null}
+        attribution={null}
+      />
 
       <div className="menu-item__details boxmenu-item__details">
         <div className="menu-item__details-inner boxmenu-item__details-inner">