From cc08a5573bf2b115a6f355c753a65ff9e8f12455 Mon Sep 17 00:00:00 2001
From: klotske <ilya@mokhov.vg>
Date: Wed, 11 Jan 2023 18:54:49 +0300
Subject: [PATCH 1/2] Wrapped message in nextjs link

---
 website/src/components/Messages/MessageTableEntry.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/website/src/components/Messages/MessageTableEntry.tsx b/website/src/components/Messages/MessageTableEntry.tsx
index 9626b95e..aaa30375 100644
--- a/website/src/components/Messages/MessageTableEntry.tsx
+++ b/website/src/components/Messages/MessageTableEntry.tsx
@@ -1,4 +1,5 @@
 import { Avatar, HStack, LinkBox, LinkOverlay, useColorModeValue } from "@chakra-ui/react";
+import Link from "next/link";
 import { boolean } from "boolean";
 import { FlaggableElement } from "src/components/FlaggableElement";
 
@@ -26,7 +27,9 @@ export function MessageTableEntry(props: MessageTableEntryProps) {
           />
 
           <LinkBox bg={backgroundColor} fontFamily="Inter" className={`p-4 rounded-md whitespace-pre-wrap w-full`}>
-            <LinkOverlay href={`/messages/${item.id}`}>{item.text}</LinkOverlay>
+            <Link href={`/messages/${item.id}`}>
+              <LinkOverlay>{item.text}</LinkOverlay>
+            </Link>
           </LinkBox>
         </HStack>
       </FlaggableElement>

From 606e07c6a18eda95dabdfc59f9cfa4ff9e91473e Mon Sep 17 00:00:00 2001
From: klotske <ilya@mokhov.vg>
Date: Wed, 11 Jan 2023 20:59:46 +0300
Subject: [PATCH 2/2] Fix link behaviour

---
 website/src/components/Messages/MessageTableEntry.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/website/src/components/Messages/MessageTableEntry.tsx b/website/src/components/Messages/MessageTableEntry.tsx
index aaa30375..6d1ce41c 100644
--- a/website/src/components/Messages/MessageTableEntry.tsx
+++ b/website/src/components/Messages/MessageTableEntry.tsx
@@ -26,11 +26,11 @@ export function MessageTableEntry(props: MessageTableEntryProps) {
             src={`${boolean(item.is_assistant) ? "/images/logos/logo.png" : "/images/temp-avatars/av1.jpg"}`}
           />
 
-          <LinkBox bg={backgroundColor} fontFamily="Inter" className={`p-4 rounded-md whitespace-pre-wrap w-full`}>
-            <Link href={`/messages/${item.id}`}>
+          <Link href={`/messages/${item.id}`}>
+            <LinkBox bg={backgroundColor} fontFamily="Inter" className={`p-4 rounded-md whitespace-pre-wrap w-full`}>
               <LinkOverlay>{item.text}</LinkOverlay>
-            </Link>
-          </LinkBox>
+            </LinkBox>
+          </Link>
         </HStack>
       </FlaggableElement>
     </div>