[editor] Add MantineProvider to Unblock Styling Work

lastmile-ai · Dec 27, 2023 · 14dfa12 · 14dfa12
1 parent e2d893f
commit 14dfa12
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 16 deletions.
diff --git a/python/src/aiconfig/editor/client/src/Editor.tsx b/python/src/aiconfig/editor/client/src/Editor.tsx
@@ -1,6 +1,6 @@
 import EditorContainer from "./components/EditorContainer";
 import { ClientAIConfig } from "./shared/types";
-import { Flex, Loader } from "@mantine/core";
+import { Flex, Loader, MantineProvider } from "@mantine/core";
 import { AIConfig, Prompt } from "aiconfig";
 import { useCallback, useEffect, useState } from "react";
 import { ufetch } from "ufetch";
@@ -51,18 +51,20 @@ export default function Editor() {
 
   return (
     <div>
-      {!aiconfig ? (
-        <Flex justify="center" mt="xl">
-          <Loader size="xl" />
-        </Flex>
-      ) : (
-        <EditorContainer
-          aiconfig={aiconfig}
-          onSave={onSave}
-          getModels={getModels}
-          addPrompt={addPrompt}
-        />
-      )}
+      <MantineProvider withGlobalStyles withNormalizeCSS>
+        {!aiconfig ? (
+          <Flex justify="center" mt="xl">
+            <Loader size="xl" />
+          </Flex>
+        ) : (
+          <EditorContainer
+            aiconfig={aiconfig}
+            onSave={onSave}
+            getModels={getModels}
+            addPrompt={addPrompt}
+          />
+        )}
+      </MantineProvider>
     </div>
   );
 }
diff --git a/python/src/aiconfig/editor/client/src/components/ParametersRenderer.tsx b/python/src/aiconfig/editor/client/src/components/ParametersRenderer.tsx
@@ -193,9 +193,6 @@ export default memo(function ParametersRenderer(props: {
     });
   }, [onUpdateParameters]);
 
-  // TODO: saqadri - add MantineProvider wrapper inside EditorContainer in order for this to pick up context
-  const theme = useMantineTheme();
-
   return (
     <div
       style={{