27 lines
1.1 KiB
TypeScript
27 lines
1.1 KiB
TypeScript
|
import logoImage from "data-base64:~assets/icon.png"
|
||
|
|
import CogIcon from "@heroicons/react/24/outline/CogIcon"
|
||
|
|
import { ArrowPathIcon } from "@heroicons/react/24/outline"
|
||
|
|
import { useMessage } from "~hooks/useMessage"
|
||
|
|
export const SidepanelHeader = () => {
|
||
|
|
const { clearChat } = useMessage()
|
||
|
|
return (
|
||
|
|
<div className="flex px-3 justify-between bg-white dark:bg-black border-b border-gray-200 dark:border-gray-800 py-4 items-center">
|
||
|
|
<div className="focus:outline-none focus-visible:ring-2 focus-visible:ring-pink-700 flex items-center dark:text-white">
|
||
|
|
<img className="h-6 w-auto" src={logoImage} alt="Page Assist" />
|
||
|
|
<span className="ml-1 text-sm ">Page Assist</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="flex items-center space-x-3">
|
||
|
|
<button
|
||
|
|
onClick={() => {
|
||
|
|
clearChat()
|
||
|
|
}}
|
||
|
|
className="flex items-center space-x-1 focus:outline-none focus-visible:ring-2 focus-visible:ring-pink-700">
|
||
|
|
<ArrowPathIcon className="h-5 w-5 text-gray-500 dark:text-gray-400" />
|
||
|
|
</button>
|
||
|
|
<CogIcon className="h-5 w-5 text-gray-500 dark:text-gray-400" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|