Add icon support to action sheet

ensdomains · Aug 17, 2023 · 994a98d · 994a98d
1 parent ee5c067
commit 994a98d
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/components/src/components/molecules/Dropdown/ActionSheet.tsx b/components/src/components/molecules/Dropdown/ActionSheet.tsx
@@ -29,6 +29,10 @@ const ActionSheetOptions = styled.div(
 
 const ActionSheetItem = styled.div(
   ({ theme }) => css`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: ${theme.space['2']};
     width: 100%;
     padding: 20px;
     position: relative;
@@ -75,6 +79,7 @@ export const ActionSheet = React.forwardRef<HTMLDivElement, Props>(
               return DropdownChild({ item, setIsOpen })
             }
 
+            const icon = (item as DropdownItemObject).icon
             return (
               <ActionSheetItem
                 key={(item as DropdownItemObject).label}
@@ -85,6 +90,7 @@ export const ActionSheet = React.forwardRef<HTMLDivElement, Props>(
                   setIsOpen(false)
                 }}
               >
+                {icon}
                 <Typography>{(item as DropdownItemObject).label}</Typography>
               </ActionSheetItem>
             )