import { ReactElement } from "react"; import ReactMarkdown from "react-markdown"; import remarkGfm from "remark-gfm"; import { useUserStore } from "@/store"; import { Message } from "@/types"; import Icon from "../Icon"; import { CodeBlock } from "../CodeBlock"; interface Props { message: Message; } const MessageView = (props: Props) => { const message = props.message; const userStore = useUserStore(); const isCurrentUser = message.creatorId === userStore.currentUser.id; return (
{isCurrentUser ? ( <>
{message.content}
) : ( <>
); }, code({ children }) { return `{children}`; }, }} > {message.content} )}
); }; export default MessageView;