mirror of
https://github.com/khoaliber/khoj.git
synced 2026-03-02 21:19:12 +00:00
1685c60e3c
* Converted navigation menu into a dropdown menu * Moved collapsed side panel menu icons into top row * Auto refresh when conversation is deleted to update side panel and route back to main page if deletion is on current conversation * Highlight the current conversation in the side panel * Dynamic homepage messages with current day and time of day. * `colorutils` upgraded to have more expansive tailwind color options and dynamic class name generation. * Converted create agent button alert into shadcn `ToolTip` * Colored lines and icons for agents in chat window * Cleaned up border styling in dark mode * fixed three dot menu in side panel to be more easier to click * Add the KhojLogo import in the nav menu and use a default user profile icon when not authenticated * Get rid of custom --box-shadow CSS variable * Pass the agent metadat through the chat body data in order to style the send button * Add login to the unauthenticated login view, redirecto to home if conversation history not loaded * Set a max height for the input text area * Simplify tailwind class names --------- Co-authored-by: sabaimran <narmiabas@gmail.com>
59 lines
1.6 KiB
TypeScript
59 lines
1.6 KiB
TypeScript
import React from 'react';
|
|
import { ArrowRight } from '@phosphor-icons/react';
|
|
|
|
import {
|
|
Tooltip,
|
|
TooltipContent,
|
|
TooltipProvider,
|
|
TooltipTrigger,
|
|
} from "@/components/ui/tooltip";
|
|
import { Button } from '@/components/ui/button';
|
|
|
|
|
|
interface ProfileCardProps {
|
|
name: string;
|
|
avatar: JSX.Element;
|
|
link: string;
|
|
description?: string; // Optional description field
|
|
}
|
|
|
|
const ProfileCard: React.FC<ProfileCardProps> = ({ name, avatar, link, description }) => {
|
|
return (
|
|
<div className="relative group flex">
|
|
<TooltipProvider>
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Button variant="ghost" className="flex items-center justify-center">
|
|
{avatar}
|
|
<div>{name}</div>
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent>
|
|
<div className='w-80 h-30'>
|
|
{/* <div className="absolute left-0 bottom-full w-80 h-30 p-2 pb-4 bg-white border border-gray-300 rounded-lg shadow-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"> */}
|
|
<a href={link} target="_blank" rel="noreferrer" className="mt-1 ml-2 block no-underline">
|
|
<div className="flex items-center justify-start gap-2">
|
|
{avatar}
|
|
<div className="mr-2 mt-1 flex justify-center items-center text-sm font-semibold text-gray-800">
|
|
{name}
|
|
<ArrowRight weight="bold" className='ml-1' />
|
|
</div>
|
|
</div>
|
|
</a>
|
|
{description && (
|
|
<p className="mt-2 ml-6 text-sm text-gray-600 line-clamp-2">
|
|
{description || 'A Khoj agent'}
|
|
</p>
|
|
)}
|
|
</div>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
|
|
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ProfileCard;
|