feat(odyssey-react-mui): apply ODS Icons to MuiAlert

Renames components.ts to components.tsx
okta · Aug 30, 2022 · 4260b7a · 4260b7a
1 parent fa53ccb
commit 4260b7a
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/...eact-mui/src/themes/odyssey/components.ts → ...act-mui/src/themes/odyssey/components.tsx b/...eact-mui/src/themes/odyssey/components.ts → ...act-mui/src/themes/odyssey/components.tsx
@@ -13,9 +13,22 @@
 import type { ThemeOptions } from "@mui/material";
 //import radioClasses from "@mui/material";
 import { outlinedInputClasses } from "@mui/material/OutlinedInput";
+import {
+  AlertTriangleFilledIcon,
+  CheckCircleFilledIcon,
+  InformationCircleFilledIcon,
+} from "../../components/Icon";
 
 export const components: ThemeOptions["components"] = {
   MuiAlert: {
+    defaultProps: {
+      iconMapping: {
+        error: <AlertTriangleFilledIcon fontSize="inherit" />,
+        info: <InformationCircleFilledIcon fontSize="inherit" />,
+        success: <CheckCircleFilledIcon fontSize="inherit" />,
+        warning: <AlertTriangleFilledIcon fontSize="inherit" />,
+      },
+    },
     styleOverrides: {
       root: ({ ownerState, theme }) => ({
         padding: theme.spacing(4),