highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-06-06 21:19:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add back custom logo/name to sidebar header

Browse Source
This commit is contained in:
Weves 2024-05-29 21:37:49 -07:00 committed by Chris Weaver
parent 69740ba3d5
commit 45402d0755
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/app/chat/sessionSidebar/ChatSidebar.tsx
View File

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

2
web/src/components/header/Header.tsx
View File

@ -12,7 +12,7 @@ import { SettingsContext } from "../settings/SettingsProvider";
import { UserDropdown } from "../UserDropdown"; import { UserDropdown } from "../UserDropdown";
import { Logo } from "../Logo"; 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>; return <h1 className="flex text-2xl text-strong font-bold">{children}</h1>;
} }