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 ? (
+
+ ) : (
+
+ )}