From 2978e9f325f39b8783eeba734c0d792d44df1538 Mon Sep 17 00:00:00 2001
From: Alex Co <alex.tuan@mindvalley.com>
Date: Fri, 30 Aug 2024 07:28:52 +0000
Subject: [PATCH] fix whitelabelling

Signed-off-by: Alex Co <alex.tuan@mindvalley.com>
---
 .../admin/connectors/[connector]/Sidebar.tsx  | 19 +++++++++----------
 .../app/chat/shared_chat_search/FixedLogo.tsx |  4 +++-
 web/src/app/layout.tsx                        | 12 +++++++-----
 .../admin/connectors/AdminSidebar.tsx         |  4 +++-
 .../components/embedding/EmbeddingSidebar.tsx |  4 +++-
 web/src/components/header/LogoType.tsx        |  4 +++-
 6 files changed, 28 insertions(+), 19 deletions(-)

diff --git a/web/src/app/admin/connectors/[connector]/Sidebar.tsx b/web/src/app/admin/connectors/[connector]/Sidebar.tsx
index 5d678938dc7..97275843e0c 100644
--- a/web/src/app/admin/connectors/[connector]/Sidebar.tsx
+++ b/web/src/app/admin/connectors/[connector]/Sidebar.tsx
@@ -47,7 +47,9 @@ export default function Sidebar() {
               {enterpriseSettings && enterpriseSettings.application_name ? (
                 <HeaderTitle>{enterpriseSettings.application_name}</HeaderTitle>
               ) : (
-                <HeaderTitle>Danswer</HeaderTitle>
+                <h1 className="flex text-2xl text-strong font-bold my-auto">
+                  Eve<sup className="ai-superscript">AI</sup>
+                </h1>
               )}
             </div>
           </div>
@@ -77,9 +79,8 @@ export default function Sidebar() {
                   return (
                     <div
                       key={index}
-                      className={`flex items-center mb-6 relative ${
-                        !allowed ? "cursor-not-allowed" : "cursor-pointer"
-                      }`}
+                      className={`flex items-center mb-6 relative ${!allowed ? "cursor-not-allowed" : "cursor-pointer"
+                        }`}
                       onClick={() => {
                         if (allowed) {
                           setFormStep(index - (noCredential ? 1 : 0));
@@ -88,9 +89,8 @@ export default function Sidebar() {
                     >
                       <div className="flex-shrink-0 mr-4 z-10">
                         <div
-                          className={`rounded-full h-3.5 w-3.5 flex items-center justify-center ${
-                            allowed ? "bg-blue-500" : "bg-gray-300"
-                          }`}
+                          className={`rounded-full h-3.5 w-3.5 flex items-center justify-center ${allowed ? "bg-blue-500" : "bg-gray-300"
+                            }`}
                         >
                           {formStep === index && (
                             <div className="h-2 w-2 rounded-full bg-white"></div>
@@ -98,9 +98,8 @@ export default function Sidebar() {
                         </div>
                       </div>
                       <div
-                        className={`${
-                          index <= formStep ? "text-gray-800" : "text-gray-500"
-                        }`}
+                        className={`${index <= formStep ? "text-gray-800" : "text-gray-500"
+                          }`}
                       >
                         {step}
                       </div>
diff --git a/web/src/app/chat/shared_chat_search/FixedLogo.tsx b/web/src/app/chat/shared_chat_search/FixedLogo.tsx
index 0b3e115c3c8..e652d819861 100644
--- a/web/src/app/chat/shared_chat_search/FixedLogo.tsx
+++ b/web/src/app/chat/shared_chat_search/FixedLogo.tsx
@@ -34,7 +34,9 @@ export default function FixedLogo() {
                 )}
               </div>
             ) : (
-              <HeaderTitle>Danswer</HeaderTitle>
+              <h1 className="flex text-2xl text-strong font-bold my-auto">
+                Eve<sup className="ai-superscript">AI</sup>
+              </h1>
             )}
           </div>
         </div>
diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx
index 1c2ca1a1671..7b367662df0 100644
--- a/web/src/app/layout.tsx
+++ b/web/src/app/layout.tsx
@@ -40,8 +40,8 @@ export async function generateMetadata(): Promise<Metadata> {
   }
 
   return {
-    title: enterpriseSettings?.application_name ?? "Danswer",
-    description: "Question answering for your documents",
+    title: enterpriseSettings?.application_name ?? "Eve AI",
+    description: "With Eve, you can quickly access the information you need to succeed in Mindvalley",
     icons: {
       icon: logoLocation,
     },
@@ -62,19 +62,21 @@ export default async function RootLayout({
     return (
       <html lang="en" className={`${inter.variable} font-sans`}>
         <Head>
-          <title>Settings Unavailable | Danswer</title>
+          <title>Settings Unavailable | Eve AI</title>
         </Head>
         <body className="bg-background text-default">
           <div className="flex flex-col items-center justify-center min-h-screen">
             <div className="mb-2 flex items-center max-w-[175px]">
-              <HeaderTitle>Danswer</HeaderTitle>
+              <h1 className="flex text-2xl text-strong font-bold my-auto">
+                Eve<sup className="ai-superscript">AI</sup>
+              </h1>
               <Logo height={40} width={40} />
             </div>
 
             <Card className="p-8 max-w-md">
               <h1 className="text-2xl font-bold mb-4 text-error">Error</h1>
               <p className="text-text-500">
-                Your Danswer instance was not configured properly and your
+                Your instance was not configured properly and your
                 settings could not be loaded. Please contact your admin to fix
                 this error.
               </p>
diff --git a/web/src/components/admin/connectors/AdminSidebar.tsx b/web/src/components/admin/connectors/AdminSidebar.tsx
index 60bbd3c7e93..a319dd0d480 100644
--- a/web/src/components/admin/connectors/AdminSidebar.tsx
+++ b/web/src/components/admin/connectors/AdminSidebar.tsx
@@ -65,7 +65,9 @@ export function AdminSidebar({ collections }: { collections: Collection[] }) {
                       )}
                     </div>
                   ) : (
-                    <HeaderTitle>Danswer</HeaderTitle>
+                    <h1 className="flex text-2xl text-strong font-bold my-auto">
+                      Eve<sup className="ai-superscript">AI</sup>
+                    </h1>
                   )}
                 </div>
               </div>
diff --git a/web/src/components/embedding/EmbeddingSidebar.tsx b/web/src/components/embedding/EmbeddingSidebar.tsx
index 57659f2131f..4625318285f 100644
--- a/web/src/components/embedding/EmbeddingSidebar.tsx
+++ b/web/src/components/embedding/EmbeddingSidebar.tsx
@@ -41,7 +41,9 @@ export default function EmbeddingSidebar() {
               {enterpriseSettings && enterpriseSettings.application_name ? (
                 <HeaderTitle>{enterpriseSettings.application_name}</HeaderTitle>
               ) : (
-                <HeaderTitle>Danswer</HeaderTitle>
+                <h1 className="flex text-2xl text-strong font-bold my-auto">
+                  Eve<sup className="ai-superscript">AI</sup>
+                </h1>
               )}
             </div>
           </div>
diff --git a/web/src/components/header/LogoType.tsx b/web/src/components/header/LogoType.tsx
index 04ddc54d758..d4f129094bb 100644
--- a/web/src/components/header/LogoType.tsx
+++ b/web/src/components/header/LogoType.tsx
@@ -63,7 +63,9 @@ export default function LogoType({
               )}
             </div>
           ) : (
-            <HeaderTitle>Danswer</HeaderTitle>
+            <h1 className="flex text-2xl text-strong font-bold my-auto">
+              Eve<sup className="ai-superscript">AI</sup>
+            </h1>
           )}
         </div>
       </div>