Merge pull request langchain-ai#115 from langchain-ai/brace/no-dark-mode

fix: Disable dark mode for MD editor
muzammil-irfan · Oct 24, 2024 · 7d64e3f · 7d64e3f
2 parents ffaa340 + a02cdb2
commit 7d64e3f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/src/components/artifacts/ArtifactRenderer.tsx b/src/components/artifacts/ArtifactRenderer.tsx
@@ -267,10 +267,10 @@ export function ArtifactRenderer(props: ArtifactRendererProps) {
     currentArtifactContent.index === props.artifact.contents.length;
 
   return (
-    <div className="relative w-full h-full overflow-auto">
+    <div className="relative w-full h-full max-h-screen overflow-auto">
       <div className="flex flex-row items-center justify-between">
         <div className="pl-[6px] pt-3 flex flex-row items-center justify-start">
-          <h1 className="text-xl font-medium text-gray-600">
+          <h1 className="text-xl font-medium text-gray-600 ml-[6px]">
             {currentArtifactContent.title}
           </h1>
         </div>
@@ -366,7 +366,7 @@ export function ArtifactRenderer(props: ArtifactRendererProps) {
             currentArtifactContent.type === "code" ? "min-w-full" : "min-w-full"
           )}
         >
-          <div className="h-[85%]" ref={markdownRef}>
+          <div className="h-full" ref={markdownRef}>
             {currentArtifactContent.type === "text" ? (
               <TextRenderer
                 isInputVisible={isInputVisible}

diff --git a/src/components/artifacts/TextRenderer.tsx b/src/components/artifacts/TextRenderer.tsx
@@ -145,11 +145,9 @@ export function TextRenderer(props: TextRendererProps) {
   };
 
   return (
-    <div
-      className="w-full h-full mt-2 flex flex-col border-[1px] border-gray-200 rounded-2xl overflow-hidden py-5"
-      data-color-mode="light"
-    >
+    <div className="w-full h-full mt-2 flex flex-col border-t-[1px] border-gray-200 overflow-y-auto py-5">
       <BlockNoteView
+        theme="light"
         formattingToolbar={false}
         slashMenu={false}
         onCompositionStartCapture={() => (isComposition.current = true)}

diff --git a/src/constants.ts b/src/constants.ts
@@ -1,5 +1,5 @@
 export const LANGGRAPH_API_URL =
-  process.env.LANGGRAPH_API_URL ?? "http://localhost:54387";
+  process.env.LANGGRAPH_API_URL ?? "http://localhost:57704";
 // v2 is tied to the 'open-canvas-prod' deployment.
 export const ASSISTANT_ID_COOKIE = "oc_assistant_id_v2";
 // export const ASSISTANT_ID_COOKIE = "oc_assistant_id";