Remove unnecessary ThemeProvider calls. (#376)

okfn · May 9, 2024 · faf5182 · faf5182
1 parent 96b593c
commit faf5182
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 42 deletions.
diff --git a/client/components/Controllers/Chart/index.tsx b/client/components/Controllers/Chart/index.tsx
@@ -1,7 +1,5 @@
 import * as React from 'react'
-import { ThemeProvider } from '@mui/material/styles'
 import { StoreProvider, makeStore } from './store'
-import * as themes from '../../../themes'
 import { ControllerProps } from '../../Controllers/Base'
 import Layout from './Layout'
 
@@ -10,10 +8,8 @@ export interface ChartProps extends ControllerProps {}
 export default function Chart(props: ChartProps) {
   const store = React.useMemo(() => makeStore(props), Object.values(props))
   return (
-    <ThemeProvider theme={themes.DEFAULT}>
-      <StoreProvider value={store}>
-        <Layout />
-      </StoreProvider>
-    </ThemeProvider>
+    <StoreProvider value={store}>
+      <Layout />
+    </StoreProvider>
   )
 }
diff --git a/client/components/Controllers/File/index.tsx b/client/components/Controllers/File/index.tsx
@@ -1,7 +1,5 @@
 import * as React from 'react'
 import { StoreProvider, makeStore } from './store'
-import { ThemeProvider } from '@mui/material/styles'
-import * as themes from '../../../themes'
 import { ControllerProps } from '../../Controllers/Base'
 import Layout from './Layout'
 
@@ -10,10 +8,8 @@ export interface FileProps extends ControllerProps {}
 export default function File(props: FileProps) {
   const store = React.useMemo(() => makeStore(props), Object.values(props))
   return (
-    <ThemeProvider theme={themes.DEFAULT}>
-      <StoreProvider value={store}>
-        <Layout />
-      </StoreProvider>
-    </ThemeProvider>
+    <StoreProvider value={store}>
+      <Layout />
+    </StoreProvider>
   )
 }
diff --git a/client/components/Controllers/Metadata/index.tsx b/client/components/Controllers/Metadata/index.tsx
@@ -1,7 +1,5 @@
 import * as React from 'react'
 import { StoreProvider, makeStore } from './store'
-import { ThemeProvider } from '@mui/material/styles'
-import * as themes from '../../../themes'
 import { ControllerProps } from '../../Controllers/Base'
 import Layout from './Layout'
 
@@ -10,10 +8,8 @@ export interface MetadataProps extends ControllerProps {}
 export default function Metadata(props: MetadataProps) {
   const store = React.useMemo(() => makeStore(props), Object.values(props))
   return (
-    <ThemeProvider theme={themes.DEFAULT}>
-      <StoreProvider value={store}>
-        <Layout />
-      </StoreProvider>
-    </ThemeProvider>
+    <StoreProvider value={store}>
+      <Layout />
+    </StoreProvider>
   )
 }
diff --git a/client/components/Controllers/Table/index.tsx b/client/components/Controllers/Table/index.tsx
@@ -1,7 +1,5 @@
 import * as React from 'react'
 import { StoreProvider, makeStore } from './store'
-import { ThemeProvider } from '@mui/material/styles'
-import * as themes from '../../../themes'
 import { ControllerProps } from '../../Controllers/Base'
 import Layout from './Layout'
 
@@ -10,10 +8,8 @@ export interface TableProps extends ControllerProps {}
 export default function Table(props: TableProps) {
   const store = React.useMemo(() => makeStore(props), Object.values(props))
   return (
-    <ThemeProvider theme={themes.DEFAULT}>
-      <StoreProvider value={store}>
-        <Layout />
-      </StoreProvider>
-    </ThemeProvider>
+    <StoreProvider value={store}>
+      <Layout />
+    </StoreProvider>
   )
 }
diff --git a/client/components/Controllers/Text/index.tsx b/client/components/Controllers/Text/index.tsx
@@ -1,7 +1,5 @@
 import * as React from 'react'
 import { StoreProvider, makeStore } from './store'
-import { ThemeProvider } from '@mui/material/styles'
-import * as themes from '../../../themes'
 import { ControllerProps } from '../../Controllers/Base'
 import Layout from './Layout'
 
@@ -10,10 +8,8 @@ export interface TextProps extends ControllerProps {}
 export default function Text(props: TextProps) {
   const store = React.useMemo(() => makeStore(props), Object.values(props))
   return (
-    <ThemeProvider theme={themes.DEFAULT}>
-      <StoreProvider value={store}>
-        <Layout />
-      </StoreProvider>
-    </ThemeProvider>
+    <StoreProvider value={store}>
+      <Layout />
+    </StoreProvider>
   )
 }
diff --git a/client/components/Controllers/View/index.tsx b/client/components/Controllers/View/index.tsx
@@ -1,7 +1,5 @@
 import * as React from 'react'
-import { ThemeProvider } from '@mui/material/styles'
 import { StoreProvider, makeStore } from './store'
-import * as themes from '../../../themes'
 import { ControllerProps } from '../../Controllers/Base'
 import Layout from './Layout'
 
@@ -10,10 +8,8 @@ export interface ViewProps extends ControllerProps {}
 export default function View(props: ViewProps) {
   const store = React.useMemo(() => makeStore(props), Object.values(props))
   return (
-    <ThemeProvider theme={themes.DEFAULT}>
-      <StoreProvider value={store}>
-        <Layout />
-      </StoreProvider>
-    </ThemeProvider>
+    <StoreProvider value={store}>
+      <Layout />
+    </StoreProvider>
   )
 }