Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import { ExpandableText } from '../chat-long-text';
interface IProps {
item: {
nickName: string;
profileImage: string;
text: string;
time: string;
};
}
export const MyChat = ({ item }: IProps) => {
const { text, time } = item;
return (
<div className='mr-3 flex justify-end'>
<div className='text-text-2xs-regular flex items-end py-1 text-gray-500'>{time}</div>
<div className='ml-1.5'>
<div className='bg-mint-200 mt-1 max-w-60 rounded-tl-2xl rounded-tr-sm rounded-br-2xl rounded-bl-2xl px-4 py-3'>
<ExpandableText text={text} />
</div>
</div>
</div>
);
};
|