update textTransform only for secondary color

regardscitoyens · Nov 29, 2023 · a4db64c · a4db64c
1 parent bed1d46
commit a4db64c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/components/ThemeRegistry/theme.ts b/components/ThemeRegistry/theme.ts
@@ -1,5 +1,6 @@
 import { Raleway } from "next/font/google";
 import { createTheme } from "@mui/material/styles";
+import { buttonClasses } from "@mui/material/Button";
 
 const raleway = Raleway({
   weight: ["400", "600", "700"],
@@ -59,14 +60,17 @@ const theme = createTheme({
     button: {
       fontSize: 12,
       fontWeight: 700,
-      textTransform: "none",
     },
   },
   components: {
     MuiButton: {
       defaultProps: {
         disableElevation: true,
       },
+      styleOverrides: {
+        root: ({ ownerState }) =>
+          ownerState.color === "secondary" ? { textTransform: "none" } : {},
+      },
     },
   },
 });