From 45402d0755e16c4697183c05d6780c1aa172ddc7 Mon Sep 17 00:00:00 2001
From: Weves <chrisweaver101@gmail.com>
Date: Wed, 29 May 2024 21:37:49 -0700
Subject: [PATCH] Add back custom logo/name to sidebar header

---
 .../app/chat/sessionSidebar/ChatSidebar.tsx   | 23 ++++++++++++++-----
 web/src/components/header/Header.tsx          |  2 +-
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/web/src/app/chat/sessionSidebar/ChatSidebar.tsx b/web/src/app/chat/sessionSidebar/ChatSidebar.tsx
index b5fe5975bb8..bd3fdbf5ff0 100644
--- a/web/src/app/chat/sessionSidebar/ChatSidebar.tsx
+++ b/web/src/app/chat/sessionSidebar/ChatSidebar.tsx
@@ -16,6 +16,8 @@ import { SettingsContext } from "@/components/settings/SettingsProvider";
 
 import React from "react";
 import { FaBrain } from "react-icons/fa";
+import { Logo } from "@/components/Logo";
+import { HeaderTitle } from "@/components/header/Header";
 
 export const ChatSidebar = ({
   existingChats,
@@ -44,6 +46,7 @@ export const ChatSidebar = ({
     return null;
   }
   const settings = combinedSettings.settings;
+  const enterpriseSettings = combinedSettings.enterpriseSettings;
 
   return (
     <>
@@ -69,12 +72,20 @@ export const ChatSidebar = ({
             }
           >
             <div className="flex w-full">
-              <div className="h-[32px] w-[30px]">
-                <Image src="/logo.png" alt="Logo" width="1419" height="1520" />
-              </div>
-              <h1 className="flex text-2xl text-strong font-bold my-auto">
-                Danswer
-              </h1>
+              <Logo height={32} width={30} className="mr-1 my-auto" />
+
+              {enterpriseSettings && enterpriseSettings.application_name ? (
+                <div>
+                  <HeaderTitle>
+                    {enterpriseSettings.application_name}
+                  </HeaderTitle>
+                  <p className="text-xs text-subtle -mt-1.5">
+                    Powered by Danswer
+                  </p>
+                </div>
+              ) : (
+                <HeaderTitle>Danswer</HeaderTitle>
+              )}
             </div>
           </Link>
         </div>
diff --git a/web/src/components/header/Header.tsx b/web/src/components/header/Header.tsx
index 416b1b302e2..d25e450044d 100644
--- a/web/src/components/header/Header.tsx
+++ b/web/src/components/header/Header.tsx
@@ -12,7 +12,7 @@ import { SettingsContext } from "../settings/SettingsProvider";
 import { UserDropdown } from "../UserDropdown";
 import { Logo } from "../Logo";
 
-function HeaderTitle({ children }: { children: JSX.Element | string }) {
+export function HeaderTitle({ children }: { children: JSX.Element | string }) {
   return <h1 className="flex text-2xl text-strong font-bold">{children}</h1>;
 }