From 14eff23b57f18009b5746f2d7e75009335b8f4cb Mon Sep 17 00:00:00 2001
From: Arthur Barrett <abarrett@fas.harvard.edu>
Date: Sat, 27 Jul 2024 15:47:26 -0400
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20fix:=20Ensure=20ShareView=20docu?=
 =?UTF-8?q?ment=20title=20is=20configured=20(#3336)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 🔧 fix: ensure ShareView document title is configured

* chore: import order

---------

Co-authored-by: Danny Avila <danacordially@gmail.com>
---
 client/src/components/Share/ShareView.tsx | 15 +++++++++++++--
 client/src/hooks/index.ts                 |  1 +
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Share/ShareView.tsx b/client/src/components/Share/ShareView.tsx
index 71ff9fdf56..71955bb5ed 100644
--- a/client/src/components/Share/ShareView.tsx
+++ b/client/src/components/Share/ShareView.tsx
@@ -1,20 +1,31 @@
 import { memo } from 'react';
 import { useParams } from 'react-router-dom';
-import { useGetSharedMessages } from 'librechat-data-provider/react-query';
+import { useGetSharedMessages, useGetStartupConfig } from 'librechat-data-provider/react-query';
+import { useLocalize, useDocumentTitle } from '~/hooks';
 import { ShareContext } from '~/Providers';
 import { Spinner } from '~/components/svg';
 import MessagesView from './MessagesView';
-import { useLocalize } from '~/hooks';
 import { buildTree } from '~/utils';
 import Footer from '../Chat/Footer';
 
 function SharedView() {
   const localize = useLocalize();
+  const { data: config } = useGetStartupConfig();
   const { shareId } = useParams();
   const { data, isLoading } = useGetSharedMessages(shareId ?? '');
   const dataTree = data && buildTree({ messages: data.messages });
   const messagesTree = dataTree?.length === 0 ? null : dataTree ?? null;
 
+  // configure document title
+  let docTitle = '';
+  if (config?.appTitle && data?.title) {
+    docTitle = `${data?.title} | ${config.appTitle}`;
+  } else {
+    docTitle = data?.title || config?.appTitle || document.title;
+  }
+
+  useDocumentTitle(docTitle);
+
   return (
     <ShareContext.Provider value={{ isSharedConvo: true }}>
       <div
diff --git a/client/src/hooks/index.ts b/client/src/hooks/index.ts
index 78a3db5141..507c12ed59 100644
--- a/client/src/hooks/index.ts
+++ b/client/src/hooks/index.ts
@@ -27,3 +27,4 @@ export { default as useOnClickOutside } from './useOnClickOutside';
 export { default as useSpeechToText } from './Input/useSpeechToText';
 export { default as useTextToSpeech } from './Input/useTextToSpeech';
 export { default as useGenerationsByLatest } from './useGenerationsByLatest';
+export { default as useDocumentTitle } from './useDocumentTitle';