fix: newlines do not work in block quotes

mobile/src/components/features/chat-space/chat-view/components/TiptapRenderer/TiptapRenderer.tsx

@@ -12,7 +12,6 @@ import json from 'highlight.js/lib/languages/json'
 import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
 import { common, createLowlight } from 'lowlight'
 import python from 'highlight.js/lib/languages/python'
-import { CustomBlockquote } from './Blockquote'
 import { CustomBold } from './Bold'
 import { CustomUserMention } from './Mention'
 import { CustomLink } from './Link'
@@ -52,7 +51,6 @@ export const TiptapRenderer = ({ message, user, isScrolling = false, isTruncated
         heading: false,
         codeBlock: false,
         bold: false,
-        blockquote: false,
         italic: false,
         listItem: {
           HTMLAttributes: {
@@ -63,7 +61,12 @@ export const TiptapRenderer = ({ message, user, isScrolling = false, isTruncated
           HTMLAttributes: {
             class: 'rt-Text text-base'
           }
-        }
+        },
+        blockquote: {
+          HTMLAttributes: {
+            class: 'pl-4 border-l-4 border-gray-500'
+          }
+        },
       }),
       Highlight.configure({
         multicolor: true,
@@ -75,7 +78,6 @@ export const TiptapRenderer = ({ message, user, isScrolling = false, isTruncated
       CodeBlockLowlight.configure({
         lowlight
       }),
-      CustomBlockquote,
       CustomBold,
       CustomUserMention,
       CustomLink,

raven-app/src/components/feature/chat/ChatMessage/Renderers/TiptapRenderer/TiptapRenderer.tsx

@@ -13,14 +13,14 @@ import json from 'highlight.js/lib/languages/json'
 import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
 import { common, createLowlight } from 'lowlight'
 import python from 'highlight.js/lib/languages/python'
-import { CustomBlockquote } from './Blockquote'
 import { CustomBold } from './Bold'
 import { CustomUserMention } from './Mention'
 import { CustomLink, LinkPreview } from './Link'
 import { CustomUnderline } from './Underline'
 import { Image } from '@tiptap/extension-image'
 import { clsx } from 'clsx'
 import Italic from '@tiptap/extension-italic';
+import './tiptap-renderer.styles.css'
 const lowlight = createLowlight(common)
 
 lowlight.register('html', html)
@@ -44,7 +44,7 @@ export const TiptapRenderer = ({ message, user, isScrolling = false, isTruncated
     editable: false,
     editorProps: {
       attributes: {
-        class: isTruncated ? 'line-clamp-3' : ''
+        class: isTruncated ? 'tiptap-renderer line-clamp-3' : 'tiptap-renderer' 
       }
     },
     enableCoreExtensions: true,
@@ -53,7 +53,6 @@ export const TiptapRenderer = ({ message, user, isScrolling = false, isTruncated
         heading: false,
         codeBlock: false,
         bold: false,
-        blockquote: false,
         italic: false,
         listItem: {
           HTMLAttributes: {
@@ -76,7 +75,6 @@ export const TiptapRenderer = ({ message, user, isScrolling = false, isTruncated
       CodeBlockLowlight.configure({
         lowlight
       }),
-      CustomBlockquote,
       CustomBold,
       CustomUserMention,
       CustomLink,

raven-app/src/components/feature/chat/ChatMessage/Renderers/TiptapRenderer/tiptap-renderer.styles.css

@@ -0,0 +1,5 @@
+.tiptap-renderer blockquote {
+    border-left: 3px solid var(--gray-11);
+    padding-left: 0.8rem;
+    margin: 1rem;
+}