works

QuivrHQ · May 20, 2024 · 859fe23 · 859fe23
1 parent 862c9a8
commit 859fe23
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 18 deletions.
diff --git a/...hatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/Editor.tsx b/...hatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/Editor.tsx
@@ -1,6 +1,6 @@
+import "@/app/globals.css";
 import { EditorContent } from "@tiptap/react";
 import { useEffect } from "react";
-import "./styles.css";
 
 import { useChatStateUpdater } from "./hooks/useChatStateUpdater";
 import { useCreateEditorState } from "./hooks/useCreateEditorState";

diff --git a/...hatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/styles.css b/...hatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/styles.css
diff --git a/frontend/app/globals.css b/frontend/app/globals.css
@@ -117,4 +117,22 @@ body.dark_mode {
 
   /* Box Shadow */
   --box-shadow: rgba(255, 255, 255, 0.25);
+}
+
+
+.ProseMirror p.is-editor-empty:first-child::before {
+  content: attr(data-placeholder);
+  float: left;
+  color: #adb5bd;
+  pointer-events: none;
+  height: 0;
+}
+
+.ProseMirror * {
+  white-space: normal;
+  word-wrap: break-word;
+}
+
+.mention {
+  display: none;
 }
diff --git a/frontend/app/knowledge/NotesEditor/TipTapEditor/TipTapEditor.tsx b/frontend/app/knowledge/NotesEditor/TipTapEditor/TipTapEditor.tsx
@@ -7,12 +7,16 @@ import { useNotesEditorContext } from "@/lib/context/NotesEditorProvider/hooks/u
 
 import styles from "./TipTapEditor.module.scss";
 
+import "@/app/globals.css";
+
 const TipTapEditor = (): JSX.Element => {
   const { content, updateContent, expand, setExpand } = useNotesEditorContext();
 
   const tipTapEditor = useEditor({
     extensions: [StarterKit],
-    content,
+    parseOptions: {
+      preserveWhitespace: "full",
+    },
     onUpdate: ({ editor }) => {
       updateContent(editor.getHTML());
     },