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 ( @@ -29,3 +29,31 @@ export function KhojLogo() { ); } + +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 @@ + + + + + + + + + + + + + + + + + + + + + + + +