34 lines
1.4 KiB
TypeScript
34 lines
1.4 KiB
TypeScript
|
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">
|
||
|
|
<Image src={logo} alt="Almaze Logo" width={26} />
|
||
|
|
<div className="flex items-center space-x-4 mt-1">
|
||
|
|
<a href="https://x.com/almaze_ai" target='_blank'>
|
||
|
|
<RiTwitterXLine className='cursor-pointer text-gray-600 hover:text-gray-800 transition-colors'/>
|
||
|
|
</a>
|
||
|
|
<a href="https://almaze.gitbook.io/docs/" target='_blank'>
|
||
|
|
<SiGitbook className='cursor-pointer text-gray-600 hover:text-gray-800 transition-colors'/>
|
||
|
|
</a>
|
||
|
|
<a href="https://github.com/Almaze-Labs" target='_blank'>
|
||
|
|
<SiGithub className='cursor-pointer text-gray-600 hover:text-gray-800 transition-colors'/>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button
|
||
|
|
onClick={onNewChat}
|
||
|
|
className="w-full py-4 text-blue-500 border-2 border-dashed border-blue-200 rounded-lg bg-gradient-to-t from-[rgba(29,162,255,0.2)] to-[rgba(29,162,255,0)] hover:bg-blue-50 transition-colors text-sm"
|
||
|
|
>
|
||
|
|
⊕ Start a new chat
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
);
|