diff --git a/src/interface/web/app/components/logo/khogLogo.tsx b/src/interface/web/app/components/logo/khogLogo.tsx
index a53e122a..c2cdc8c1 100644
--- a/src/interface/web/app/components/logo/khogLogo.tsx
+++ b/src/interface/web/app/components/logo/khogLogo.tsx
@@ -1,4 +1,4 @@
-export function KhojLogo() {
+export function KhojLogoType() {
return (
);
}
+
+export function KhojLogo() {
+ return (
+
+ );
+}
diff --git a/src/interface/web/app/components/navMenu/navMenu.tsx b/src/interface/web/app/components/navMenu/navMenu.tsx
index 0f8d78a8..386a3afc 100644
--- a/src/interface/web/app/components/navMenu/navMenu.tsx
+++ b/src/interface/web/app/components/navMenu/navMenu.tsx
@@ -23,7 +23,7 @@ import {
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import { Moon, Sun, UserCircle, User, Robot, MagnifyingGlass, Question, GearFine, ArrowRight } from '@phosphor-icons/react';
-import { KhojLogo } from '../logo/khogLogo';
+import { KhojLogoType } from '../logo/khogLogo';
interface NavMenuProps {
@@ -99,7 +99,7 @@ export default function NavMenu(props: NavMenuProps) {
{
!displayTitle && props.showLogo &&
-
+
}
diff --git a/src/interface/web/app/components/sidePanel/chatHistorySidePanel.tsx b/src/interface/web/app/components/sidePanel/chatHistorySidePanel.tsx
index b9209b49..b02ea754 100644
--- a/src/interface/web/app/components/sidePanel/chatHistorySidePanel.tsx
+++ b/src/interface/web/app/components/sidePanel/chatHistorySidePanel.tsx
@@ -5,10 +5,8 @@ import styles from "./sidePanel.module.css";
import { useEffect, useState } from "react";
import { UserProfile, useAuthenticatedData } from "@/app/common/auth";
-import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
import Link from "next/link";
import useSWR from "swr";
-import Image from "next/image";
import {
Command,
@@ -72,13 +70,12 @@ import {
import { Pencil, Trash, Share } from "@phosphor-icons/react";
-import { Button, buttonVariants } from "@/components/ui/button";
+import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@/components/ui/alert-dialog";
import { modifyFileFilterForConversation } from "@/app/common/chatFunctions";
import { ScrollAreaScrollbar } from "@radix-ui/react-scroll-area";
-import { KhojLogo } from "../logo/khogLogo";
+import { KhojLogo, KhojLogoType } from "@/app/components/logo/khogLogo";
// Define a fetcher function
const fetcher = (url: string) => fetch(url).then((res) => res.json());
@@ -666,7 +663,7 @@ export default function SidePanel(props: SidePanelProps) {
-
+ {props.isMobileWidth &&
||
}
{
authenticatedData && props.isMobileWidth ?
diff --git a/src/interface/web/public/logo.svg b/src/interface/web/public/logo.svg
new file mode 100644
index 00000000..8c6f62b2
--- /dev/null
+++ b/src/interface/web/public/logo.svg
@@ -0,0 +1,24 @@
+
+