-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f01cf18
commit 1c84179
Showing
8 changed files
with
96 additions
and
66 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,49 @@ | ||
import React from 'react'; | ||
import { useRouter } from 'next/router'; | ||
import { useQuerySharedSession, useQueryShares } from '@/api/shares/queries'; | ||
import { Message, useChatContext } from '@/contexts/ChatContext'; | ||
import { Spinner } from '@/utils'; | ||
import { MessageItem } from './MessageItem_'; | ||
|
||
const ShareBox = () => { | ||
const router = useRouter(); | ||
const { id } = router.query; | ||
|
||
const {showDebugMessages} = useChatContext(); | ||
|
||
const { isLoading, isSuccess, settings } = useQuerySharedSession(id as string); | ||
|
||
console.log(settings?.messages); | ||
|
||
const messageContentComponent = true ? ( | ||
<div className="h-full w-full pt-8"> | ||
{isSuccess && | ||
settings?.messages.map((message) => { | ||
if (!showDebugMessages && (message.actor === 'system' || message.actor === 'function')) { | ||
return <React.Fragment key={message.messageId} />; | ||
} | ||
return ( | ||
<React.Fragment key={message.messageId}> | ||
<MessageItem message={message} isShare={true} /> | ||
</React.Fragment> | ||
); | ||
})} | ||
</div> | ||
) : ( | ||
<div> Empty chat session </div> | ||
); | ||
|
||
return ( | ||
<div className="relative flex h-full w-full flex-col overflow-auto"> | ||
<div className="flex h-full w-full items-center justify-center overflow-auto pt-5"> | ||
{isLoading || !isSuccess ? <Spinner /> : messageContentComponent} | ||
</div> | ||
{/* convert to chat button */} | ||
<div className="sticky top-[100vh] flex w-full items-center justify-center justify-items-center bg-gray-secondary px-2 py-4 lg:py-6"> | ||
Convert to chat | ||
</div> | ||
</div> | ||
); | ||
}; | ||
|
||
export default ShareBox; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,9 +1,9 @@ | ||
import dynamic from 'next/dynamic'; | ||
|
||
const ChatBoxDynamic = dynamic(() => import('@/components/experimental_/ChatBoxShare'), { | ||
const ShareBoxDynamic = dynamic(() => import('@/components/experimental_/ShareBox'), { | ||
ssr: false, | ||
}); | ||
|
||
export const Chat = () => <ChatBoxDynamic />; | ||
export const Chat = () => <ShareBoxDynamic />; | ||
|
||
export default Chat; |