From 402d83e1670526dbc17b4c118896b69cd722d430 Mon Sep 17 00:00:00 2001
From: Weves <chrisweaver101@gmail.com>
Date: Wed, 20 Dec 2023 16:29:05 -0800
Subject: [PATCH] Make it so docs without links aren't clickable in chat
 citations

---
 web/src/app/chat/message/Messages.tsx | 39 ++++++++++++++++-----------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/web/src/app/chat/message/Messages.tsx b/web/src/app/chat/message/Messages.tsx
index e4aacc05f..ec8096a7e 100644
--- a/web/src/app/chat/message/Messages.tsx
+++ b/web/src/app/chat/message/Messages.tsx
@@ -139,24 +139,31 @@ export const AIMessage = ({
                   {citedDocuments
                     .filter(([_, document]) => document.semantic_identifier)
                     .map(([citationKey, document], ind) => {
-                      return (
-                        <a
-                          key={document.document_id}
-                          href={document.link}
-                          target="_blank"
-                          className="text-sm border border-border py-1 px-2 rounded flex cursor-pointer hover:bg-hover"
-                        >
-                          <div className="max-w-350 text-ellipsis flex">
-                            <div className="mr-1 my-auto">
-                              <SourceIcon
-                                sourceType={document.source_type}
-                                iconSize={16}
-                              />
-                            </div>
-                            [{citationKey}] {document!.semantic_identifier}
+                      const display = (
+                        <div className="max-w-350 text-ellipsis flex text-sm border border-border py-1 px-2 rounded flex">
+                          <div className="mr-1 my-auto">
+                            <SourceIcon
+                              sourceType={document.source_type}
+                              iconSize={16}
+                            />
                           </div>
-                        </a>
+                          [{citationKey}] {document!.semantic_identifier}
+                        </div>
                       );
+                      if (document.link) {
+                        return (
+                          <a
+                            key={document.document_id}
+                            href={document.link}
+                            target="_blank"
+                            className="cursor-pointer hover:bg-hover"
+                          >
+                            {display}
+                          </a>
+                        );
+                      } else {
+                        return <div className="cursor-default">{display}</div>;
+                      }
                     })}
                 </div>
               </div>