- {trigger.description} + {truncateString(trigger.description, 50)}
)} diff --git a/frontend/src/components/ui/editable-markdown.tsx b/frontend/src/components/ui/editable-markdown.tsx new file mode 100644 index 00000000..5fb65d0b --- /dev/null +++ b/frontend/src/components/ui/editable-markdown.tsx @@ -0,0 +1,147 @@ +import { useEffect, useState } from "react"; +import { Textarea } from "./textarea"; +import { cn } from "@/lib/utils"; +import { Edit2 } from "lucide-react"; +import ReactMarkdown from 'react-markdown'; +import remarkGfm from 'remark-gfm'; + +interface EditableMarkdownProps { + value: string; + onSave: (value: string) => void; + className?: string; + placeholder?: string; + minHeight?: string; +} + +export const EditableMarkdown: React.FC{children}
, + ul: ({ children }) =>{children}
+ ) : (
+
+ {children}
+
+ );
+ },
+ pre: ({ children }) => {children}, + blockquote: ({ children }) =>
{children}, + strong: ({ children }) => {children}, + em: ({ children }) => {children}, + hr: () =>
{children}
, + ul: ({ children }) =>{children}
+ ) : (
+
+ {children}
+
+ );
+ },
+ pre: ({ children }) => {children}, + blockquote: ({ children }) =>
{children}, + strong: ({ children }) => {children}, + em: ({ children }) => {children}, + hr: () =>
{children}
, + ul: ({ children }) =>{children}
+ ) : (
+
+ {children}
+
+ );
+ },
+ pre: ({ children }) => {children}, + blockquote: ({ children }) =>
{children}, + strong: ({ children }) => {children}, + em: ({ children }) => {children}, + hr: () =>