use listitemicon for images

SenseNet · Sep 27, 2023 · 3b913dd · 3b913dd
1 parent 7f0aa9f
commit 3b913dd
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/sn-controls-react/src/fieldcontrols/reference-grid/default-item-template.tsx b/packages/sn-controls-react/src/fieldcontrols/reference-grid/default-item-template.tsx
@@ -65,20 +65,20 @@ export const DefaultItemTemplate: React.FC<DefaultItemTemplateProps> = (props) =
 
     if (repository?.schemas.isContentFromType<Image>(item, 'Image') && (!item.PageCount || item.PageCount <= 0)) {
       return (
-        <ListItemAvatar>
+        <ListItemIcon>
           <img
             data-test="reference-selection-image"
             alt={item.DisplayName}
             src={`${repository?.configuration.repositoryUrl}${item.Path}`}
             style={{ width: '3em', height: '3em', objectFit: 'scale-down' }}
           />
-        </ListItemAvatar>
+        </ListItemIcon>
       )
     }
 
     if (repository?.schemas.isContentFromType<Image>(item, 'Image') && item.PageCount && item.PageCount > 0) {
       return (
-        <ListItemAvatar>
+        <ListItemIcon>
           <img
             data-test="reference-selection-image"
             alt={item.DisplayName}
@@ -91,7 +91,7 @@ export const DefaultItemTemplate: React.FC<DefaultItemTemplateProps> = (props) =
             )}
             style={{ width: '3em', height: '3em', objectFit: 'scale-down' }}
           />
-        </ListItemAvatar>
+        </ListItemIcon>
       )
     }