diff --git a/website/src/components/Messages/MessageTable.tsx b/website/src/components/Messages/MessageTable.tsx index 945faae6..4bb67128 100644 --- a/website/src/components/Messages/MessageTable.tsx +++ b/website/src/components/Messages/MessageTable.tsx @@ -4,13 +4,14 @@ import { Message } from "src/types/Conversation"; interface MessageTableProps { messages: Message[]; + enableLink?: boolean; } -export function MessageTable({ messages }: MessageTableProps) { +export function MessageTable({ messages, enableLink }: MessageTableProps) { return ( } spacing="4"> {messages.map((item) => ( - + ))} ); diff --git a/website/src/components/Messages/MessageTableEntry.tsx b/website/src/components/Messages/MessageTableEntry.tsx index 378776b0..d29021dc 100644 --- a/website/src/components/Messages/MessageTableEntry.tsx +++ b/website/src/components/Messages/MessageTableEntry.tsx @@ -1,4 +1,4 @@ -import { Avatar, HStack, LinkBox, useColorModeValue } from "@chakra-ui/react"; +import { Avatar, Box, HStack, LinkBox, useColorModeValue } from "@chakra-ui/react"; import { boolean } from "boolean"; import Link from "next/link"; import { FlaggableElement } from "src/components/FlaggableElement"; @@ -6,6 +6,7 @@ import { Message } from "src/types/Conversation"; interface MessageTableEntryProps { item: Message; + enabled?: boolean; } export function MessageTableEntry(props: MessageTableEntryProps) { @@ -22,11 +23,17 @@ export function MessageTableEntry(props: MessageTableEntryProps) { src={`${boolean(item.is_assistant) ? "/images/logos/logo.png" : "/images/temp-avatars/av1.jpg"}`} /> - - + {props.enabled ? ( + + + {item.text} + + + ) : ( + {item.text} - - + + )} diff --git a/website/src/components/Messages/MessageWithChildren.tsx b/website/src/components/Messages/MessageWithChildren.tsx index c6834510..156020ec 100644 --- a/website/src/components/Messages/MessageWithChildren.tsx +++ b/website/src/components/Messages/MessageWithChildren.tsx @@ -68,7 +68,7 @@ export function MessageWithChildren(props: MessageWithChildrenProps) { {isFirst ? "Message" : depth === 1 ? "Children" : "Ancestor"} - + @@ -95,7 +95,7 @@ export function MessageWithChildren(props: MessageWithChildrenProps) { {children.map((item, idx) => ( - + ))} diff --git a/website/src/pages/messages/[id]/index.tsx b/website/src/pages/messages/[id]/index.tsx index d3396b13..9493907c 100644 --- a/website/src/pages/messages/[id]/index.tsx +++ b/website/src/pages/messages/[id]/index.tsx @@ -43,7 +43,7 @@ const MessageDetail = ({ id }) => { {" "} - + diff --git a/website/src/pages/messages/index.tsx b/website/src/pages/messages/index.tsx index fbf8f6fd..04ef1ba4 100644 --- a/website/src/pages/messages/index.tsx +++ b/website/src/pages/messages/index.tsx @@ -52,7 +52,7 @@ const MessagesDashboard = () => { borderRadius="xl" className="p-6 shadow-sm" > - {receivedMessages ? : } + {receivedMessages ? : } @@ -66,7 +66,11 @@ const MessagesDashboard = () => { borderRadius="xl" className="p-6 shadow-sm" > - {receivedUserMessages ? : } + {receivedUserMessages ? ( + + ) : ( + + )}