Mckay Wrigley
6500db9c1c
* move index to home folder, create state and context files and barrell folder * Sanity Check Commit: reducer added to home.tsx manual QA all working * WIP: promptBar * fix missing json parse on folders and prompts * split context and add promptbar context * add context to nested prompt componets and componetize Folder componet * remove log * Create buttons folder and componetize sidebar action button * tidy up prompt handlers * componetized sidebar * added back chatbar componet to left side sidebar * monster commit: Componetized the common code between chatbar and promptbar into new componet Sidebar and added context to both bars * add useFetch service * added prettier import sort to keep imports ordered and easier to indentify * added react query and useFetch to work with RQ * added apiService, errorService and reactQuery * add callback and tidy up error service * refactor chat and child componets to useContext * fix extra calls and bad calls to mel endpoint * minor import cleanup --------- Co-authored-by: jc.durbin <jc.durbin@ardanis.com>
30 lines
703 B
TypeScript
30 lines
703 B
TypeScript
import { IconPlus } from '@tabler/icons-react';
|
|
import { FC } from 'react';
|
|
|
|
import { Conversation } from '@/types/chat';
|
|
|
|
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 mr-8"
|
|
onClick={onNewConversation}
|
|
/>
|
|
</nav>
|
|
);
|
|
};
|