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 28 29 30 31 32 33 34 35 36 37 38 39 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import Image from 'next/image';
import { ExpandableText } from '../chat-long-text';
interface IProps {
item: {
nickName: string;
profileImage: string;
text: string;
time: string;
};
}
export const OtherChat = ({ item }: IProps) => {
const { nickName, profileImage, text, time } = item;
return (
<div className='flex'>
<Image
width={40}
className='mr-3 size-10 rounded-full object-cover'
alt='프로필 이미지'
height={40}
src={profileImage}
/>
<div className='mr-1.5 max-w-60'>
<span className='text-text-xs-medium text-gray-800'>{nickName}</span>
<div className='bg-mono-white mt-1 rounded-tl-sm rounded-tr-2xl rounded-br-2xl rounded-bl-2xl px-4 py-3'>
<ExpandableText text={text} />
</div>
</div>
<div className='text-text-2xs-regular flex items-end py-1 text-gray-500'>{time}</div>
</div>
);
};
|