2025-02-11 21:52:34 +05:30
|
|
|
import { RiTwitterXLine } from "react-icons/ri";
|
|
|
|
import { SiGithub , SiGitbook } from "react-icons/si";
|
|
|
|
import Image, { StaticImageData } from 'next/image';
|
|
|
|
|
|
|
|
interface SidebarHeaderProps {
|
|
|
|
onNewChat: () => void;
|
|
|
|
logo: StaticImageData;
|
|
|
|
}
|
|
|
|
|
|
|
|
export const SidebarHeader = ({ onNewChat, logo }: SidebarHeaderProps) => (
|
|
|
|
<div className="p-4 border-b">
|
|
|
|
<div className="flex items-center justify-between mb-10">
|
2025-02-22 06:28:55 +00:00
|
|
|
<Image src={logo} alt="Soviro Logo" width={26} />
|
2025-02-11 21:52:34 +05:30
|
|
|
<div className="flex items-center space-x-4 mt-1">
|
2025-02-22 06:28:55 +00:00
|
|
|
<a href="https://x.com/soviro_labs" target='_blank'>
|
2025-02-11 21:52:34 +05:30
|
|
|
<RiTwitterXLine className='cursor-pointer text-gray-600 hover:text-gray-800 transition-colors'/>
|
|
|
|
</a>
|
2025-02-22 06:28:55 +00:00
|
|
|
<a href="https://sovirolabs.gitbook.io/docs/" target='_blank'>
|
2025-02-11 21:52:34 +05:30
|
|
|
<SiGitbook className='cursor-pointer text-gray-600 hover:text-gray-800 transition-colors'/>
|
|
|
|
</a>
|
2025-02-22 06:28:55 +00:00
|
|
|
<a href="https://github.com/Soviro-Labs" target='_blank'>
|
2025-02-11 21:52:34 +05:30
|
|
|
<SiGithub className='cursor-pointer text-gray-600 hover:text-gray-800 transition-colors'/>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<button
|
|
|
|
onClick={onNewChat}
|
2025-02-22 06:36:24 +00:00
|
|
|
className="w-full py-4 text-[#F3BA2F] border-2 border-dashed border-[#F3BA2F] rounded-lg bg-gradient-to-t from-[rgba(251, 188, 5, 0)] to-[rgba(251, 188, 5, 1)] hover:bg-[#FBBC05] transition-colors text-sm"
|
2025-02-11 21:52:34 +05:30
|
|
|
>
|
|
|
|
⊕ Start a new chat
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
);
|