|
|
@ -151,15 +151,15 @@ const ConversationBubble = forwardRef<
|
|
|
|
)}
|
|
|
|
)}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
className={`mr-2 flex items-center justify-center ${
|
|
|
|
className={`relative mr-2 flex items-center justify-center ${
|
|
|
|
type !== 'ERROR' && showFeedback ? '' : 'md:invisible'
|
|
|
|
type !== 'ERROR' && showFeedback ? '' : 'md:invisible'
|
|
|
|
}`}
|
|
|
|
}`}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
{copied ? (
|
|
|
|
{copied ? (
|
|
|
|
<Checkmark />
|
|
|
|
<Checkmark className="absolute left-2 top-4" />
|
|
|
|
) : (
|
|
|
|
) : (
|
|
|
|
<Copy
|
|
|
|
<Copy
|
|
|
|
className={`cursor-pointer fill-gray-4000 hover:stroke-gray-4000`}
|
|
|
|
className={`absolute left-2 top-4 cursor-pointer fill-gray-4000 hover:stroke-gray-4000`}
|
|
|
|
onClick={() => {
|
|
|
|
onClick={() => {
|
|
|
|
handleCopyClick(message);
|
|
|
|
handleCopyClick(message);
|
|
|
|
}}
|
|
|
|
}}
|
|
|
@ -167,14 +167,14 @@ const ConversationBubble = forwardRef<
|
|
|
|
)}
|
|
|
|
)}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
className={`mr-2 flex items-center justify-center ${
|
|
|
|
className={`relative mr-2 flex items-center justify-center ${
|
|
|
|
feedback === 'LIKE' || (type !== 'ERROR' && showFeedback)
|
|
|
|
feedback === 'LIKE' || (type !== 'ERROR' && showFeedback)
|
|
|
|
? ''
|
|
|
|
? ''
|
|
|
|
: 'md:invisible'
|
|
|
|
: 'md:invisible'
|
|
|
|
}`}
|
|
|
|
}`}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Like
|
|
|
|
<Like
|
|
|
|
className={`cursor-pointer ${
|
|
|
|
className={`absolute left-6 top-4 cursor-pointer ${
|
|
|
|
feedback === 'LIKE'
|
|
|
|
feedback === 'LIKE'
|
|
|
|
? 'fill-purple-30 stroke-purple-30'
|
|
|
|
? 'fill-purple-30 stroke-purple-30'
|
|
|
|
: 'fill-none stroke-gray-4000 hover:fill-gray-4000'
|
|
|
|
: 'fill-none stroke-gray-4000 hover:fill-gray-4000'
|
|
|
@ -183,14 +183,14 @@ const ConversationBubble = forwardRef<
|
|
|
|
></Like>
|
|
|
|
></Like>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
className={`mr-10 flex items-center justify-center ${
|
|
|
|
className={`relative mr-10 flex items-center justify-center ${
|
|
|
|
feedback === 'DISLIKE' || (type !== 'ERROR' && showFeedback)
|
|
|
|
feedback === 'DISLIKE' || (type !== 'ERROR' && showFeedback)
|
|
|
|
? ''
|
|
|
|
? ''
|
|
|
|
: 'md:invisible'
|
|
|
|
: 'md:invisible'
|
|
|
|
}`}
|
|
|
|
}`}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Dislike
|
|
|
|
<Dislike
|
|
|
|
className={`cursor-pointer ${
|
|
|
|
className={`absolute left-10 top-4 cursor-pointer ${
|
|
|
|
feedback === 'DISLIKE'
|
|
|
|
feedback === 'DISLIKE'
|
|
|
|
? 'fill-red-2000 stroke-red-2000'
|
|
|
|
? 'fill-red-2000 stroke-red-2000'
|
|
|
|
: 'fill-none stroke-gray-4000 hover:fill-gray-4000'
|
|
|
|
: 'fill-none stroke-gray-4000 hover:fill-gray-4000'
|
|
|
|