Spaces:
Running
Running
File size: 1,616 Bytes
96ac62a 34afd2e 96ac62a 5ec491a 96ac62a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
'use client';
import { MediaDetails } from '@/lib/fetch';
import React, { useState } from 'react';
export interface ChatProps {
mediaList: MediaDetails[];
}
const ProjectChat: React.FC<ChatProps> = ({ mediaList }) => {
return <div>TO BE FIXED</div>;
// const selectedMediaId = useAtomValue(selectedMediaIdAtom);
// // fallback to the first media
// const selectedMedia =
// mediaList.find(media => media.id === selectedMediaId) ?? mediaList[0];
// const { messages, append, reload, stop, isLoading, input, setInput } =
// useVisionAgent({
// mediaUrl: selectedMedia.url,
// messages: [],
// userId: nanoid(),
// });
// const { messagesRef, scrollRef, visibilityRef, isAtBottom, scrollToBottom } =
// useScrollAnchor();
// return (
// <>
// <div className="h-full overflow-auto" ref={scrollRef}>
// <div className="pb-[200px] pt-4 md:pt-10" ref={messagesRef}>
// <ChatList messages={messages} session={null} isLoading={isLoading} />
// <div className="h-px w-full" ref={visibilityRef} />
// </div>
// </div>
// <div className="absolute inset-x-0 bottom-0 w-full h-[178px]">
// <Composer
// url={selectedMedia.url}
// isLoading={isLoading}
// stop={stop}
// append={append}
// reload={reload}
// messages={messages}
// input={input}
// setInput={setInput}
// isAtBottom={isAtBottom}
// scrollToBottom={scrollToBottom}
// />
// </div>
// </>
// );
};
export default ProjectChat;
|