overflow to markdown editor component

reorproject · Nov 29, 2023 · ee1dbf9 · ee1dbf9
1 parent 234e57d
commit ee1dbf9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/File/MakdownEditor.tsx b/src/components/File/MakdownEditor.tsx
@@ -36,7 +36,7 @@ interface FileEditorProps {
   lastSavedContentRef: React.MutableRefObject<string>;
 }
 
-export const FileEditor: React.FC<FileEditorProps> = ({
+export const MarkdownEditor: React.FC<FileEditorProps> = ({
   filePath,
   // content,
   setContentInParent,
@@ -81,7 +81,7 @@ export const FileEditor: React.FC<FileEditorProps> = ({
   }, [content]);
 
   return (
-    <div className="">
+    <div className="h-full overflow-y-auto">
       {/* <button onClick={() => ref.current?.setMarkdown("new markdown")}>
         Set new markdown
       </button>

diff --git a/src/components/FileEditorContainer.tsx b/src/components/FileEditorContainer.tsx
@@ -1,6 +1,6 @@
 import React, { useRef, useState } from "react";
 import { FileSidebar } from "./File/FileSidebar";
-import { FileEditor } from "./File/FileEditor";
+import { MarkdownEditor } from "./File/MakdownEditor";
 import SimilarEntriesComponent from "./Similarity/SimilarFilesSidebar";
 import TitleBar from "./TitleBar";
 import ChatWithLLM from "./Chat/Chat";
@@ -50,9 +50,9 @@ const FileEditorContainer: React.FC<FileEditorContainerProps> = ({}) => {
             className="w-full h-full flex overflow-x-hidden"
             style={{ marginRight: showChatbot ? "250px" : "0" }}
           >
-            <div className="w-full flex ">
-              <div className="w-[75%]">
-                <FileEditor
+            <div className="w-full flex h-full">
+              <div className="w-[75%] h-full">
+                <MarkdownEditor
                   filePath={selectedFilePath}
                   setContentInParent={setEditorContent}
                   lastSavedContentRef={lastSavedContentRef}