quivr/frontend/app/chat/components/ChatsList/NewChatButton.tsx
Aditya Nandan 57f9ef6170
Sticky - chat list, navbar, chat input (#295)
* feat: sticky navbar and sticky chatlist

* fix: remove unnecessary top padding

* style(chat): sticky chat input

* style(footer): increase vertical padding

* style(chat): sticky new chat button

* fix(chat): minor fixes

* fix(chat): center ChatMessages

* fix(chat): screen height chatlist
2023-06-11 10:44:23 +02:00

12 lines
399 B
TypeScript

import Link from "next/link";
import { BsPlusSquare } from "react-icons/bs";
export const NewChatButton = () => (
<Link
href="/chat"
className="px-4 py-2 mx-4 my-2 border border-primary bg-white dark:bg-black hover:text-white hover:bg-primary shadow-lg rounded-lg flex items-center justify-center sticky top-2 z-20"
>
<BsPlusSquare className="h-6 w-6 mr-2" /> New Chat
</Link>
);