52d56a8ae1
* feat: move necessary files to jan root Signed-off-by: James <james@jan.ai> * chore: check model dir --------- Signed-off-by: James <james@jan.ai> Co-authored-by: James <james@jan.ai> Co-authored-by: Louis <louis@jan.ai>
26 lines
656 B
TypeScript
26 lines
656 B
TypeScript
import React, { forwardRef } from 'react'
|
|
import { ChatMessage } from '@janhq/core'
|
|
import SimpleTextMessage from '../SimpleTextMessage'
|
|
|
|
type Props = {
|
|
message: ChatMessage
|
|
}
|
|
|
|
type Ref = HTMLDivElement
|
|
|
|
const ChatItem = forwardRef<Ref, Props>(({ message }, ref) => (
|
|
<div ref={ref} className="py-4 even:bg-secondary dark:even:bg-secondary/20">
|
|
<SimpleTextMessage
|
|
status={message.status}
|
|
key={message.id}
|
|
avatarUrl={message.senderAvatarUrl}
|
|
senderName={message.senderName}
|
|
createdAt={message.createdAt}
|
|
senderType={message.messageSenderType}
|
|
text={message.text}
|
|
/>
|
|
</div>
|
|
))
|
|
|
|
export default ChatItem
|