From dfe45f80c6dd8b198bb1c238cfd1f93b166161a5 Mon Sep 17 00:00:00 2001
From: Danny Avila <110412045+danny-avila@users.noreply.github.com>
Date: Sun, 14 Jan 2024 20:35:37 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=95=20fix:=20Update=20`document`=20Tit?=
 =?UTF-8?q?le=20based=20on=20`appTitle`=20and=20on=20"New=20Chat"=20(#1553?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/hooks/useNewConvo.ts |  4 ++++
 client/src/routes/ChatRoute.tsx | 10 ++++++++++
 2 files changed, 14 insertions(+)

diff --git a/client/src/hooks/useNewConvo.ts b/client/src/hooks/useNewConvo.ts
index d6c3bba8c3..7c4111869f 100644
--- a/client/src/hooks/useNewConvo.ts
+++ b/client/src/hooks/useNewConvo.ts
@@ -92,6 +92,10 @@ const useNewConvo = (index = 0) => {
         }
 
         if (conversation.conversationId === 'new' && !modelsData) {
+          const appTitle = localStorage.getItem('appTitle');
+          if (appTitle) {
+            document.title = appTitle;
+          }
           navigate('new');
         }
       },
diff --git a/client/src/routes/ChatRoute.tsx b/client/src/routes/ChatRoute.tsx
index aaf0e5ab8c..36807d560f 100644
--- a/client/src/routes/ChatRoute.tsx
+++ b/client/src/routes/ChatRoute.tsx
@@ -4,6 +4,7 @@ import { useParams } from 'react-router-dom';
 import {
   useGetConvoIdQuery,
   useGetModelsQuery,
+  useGetStartupConfig,
   useGetEndpointsQuery,
 } from 'librechat-data-provider/react-query';
 import type { TPreset } from 'librechat-data-provider';
@@ -18,6 +19,8 @@ export default function ChatRoute() {
 
   useConfigOverride();
   const { conversationId } = useParams();
+  const { data: startupConfig } = useGetStartupConfig();
+
   const { conversation } = store.useCreateConversationAtom(index);
   const modelsQueryEnabled = useRecoilValue(store.modelsQueryEnabled);
   const { isAuthenticated } = useAuthRedirect();
@@ -30,6 +33,13 @@ export default function ChatRoute() {
   });
   const endpointsQuery = useGetEndpointsQuery({ enabled: isAuthenticated && modelsQueryEnabled });
 
+  useEffect(() => {
+    if (startupConfig?.appTitle) {
+      document.title = startupConfig.appTitle;
+      localStorage.setItem('appTitle', startupConfig.appTitle);
+    }
+  }, [startupConfig]);
+
   useEffect(() => {
     if (
       conversationId === 'new' &&