fix(ItemRow): In ListItem, Icon & Radio should be wrap in ListItemIcon

cozy · Sep 11, 2023 · 6aaa10a · 6aaa10a
1 parent 5773308
commit 6aaa10a
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/react/NestedSelect/ItemRow.jsx b/react/NestedSelect/ItemRow.jsx
@@ -31,17 +31,23 @@ const ItemRow = ({ item, onClick, isSelected, radioPosition }) => {
         {item.icon && <ListItemIcon>{item.icon}</ListItemIcon>}
         <ListItemText primary={item.title} secondary={item.description} />
 
-        {item.children && item.children.length > 0 && <Icon icon={RightIcon} />}
+        {item.children && item.children.length > 0 && (
+          <ListItemIcon>
+            <Icon icon={RightIcon} />
+          </ListItemIcon>
+        )}
 
         {radioPosition === 'right' &&
           !(item.children && item.children.length > 0) && (
-            <Radio
-              readOnly
-              edge="end"
-              name={item.title}
-              value={item.title}
-              checked={!!isSelected}
-            />
+            <ListItemIcon>
+              <Radio
+                readOnly
+                edge="end"
+                name={item.title}
+                value={item.title}
+                checked={!!isSelected}
+              />
+            </ListItemIcon>
           )}
       </ListItem>
       <Divider />