29 lines
692 B
TypeScript
29 lines
692 B
TypeScript
import { Conversation } from '@/types';
|
|
import { IconPlus } from '@tabler/icons-react';
|
|
import { FC } from 'react';
|
|
|
|
interface Props {
|
|
selectedConversation: Conversation;
|
|
onNewConversation: () => void;
|
|
}
|
|
|
|
export const Navbar: FC<Props> = ({
|
|
selectedConversation,
|
|
onNewConversation,
|
|
}) => {
|
|
return (
|
|
<nav className="flex w-full justify-between bg-[#202123] py-3 px-4">
|
|
<div className="mr-4"></div>
|
|
|
|
<div className="max-w-[240px] overflow-hidden text-ellipsis whitespace-nowrap">
|
|
{selectedConversation.name}
|
|
</div>
|
|
|
|
<IconPlus
|
|
className="cursor-pointer hover:text-neutral-400"
|
|
onClick={onNewConversation}
|
|
/>
|
|
</nav>
|
|
);
|
|
};
|