blsmedia/bot
2
0
Fork 0
Code Activity

perf: 🚸 Make guest bubble selectable

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-06-14 10:00:05 +02:00
parent 5c54bb7755
commit 9b8b27bab0
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/bot-engine/src/components/ChatGroup/ChatBlock/bubbles/GuestBubble.tsx
View File

@ -16,16 +16,27 @@ export const GuestBubble = ({
onClick,
}: Props): JSX.Element => {
const [content] = useState(message)
const [isDragging, setIsDragging] = useState(false)
const handleMouseDown = () => setIsDragging(false)
const handleMouseMove = () => setIsDragging(true)
const handleMouseUp = () => {
setIsDragging(false)
if (isDragging) return
onClick()
}
return (
<CSSTransition classNames="bubble" timeout={1000}>
<div
className="flex justify-end mb-2 items-end"
onClick={onClick}
onMouseDown={handleMouseDown}
onMouseMove={handleMouseMove}
onMouseUp={handleMouseUp}
style={{ marginLeft: '50px' }}
>
<span
className="px-4 py-2 rounded-lg mr-2 whitespace-pre-wrap max-w-full typebot-guest-bubble cursor-pointer hover:brightness-90 active:brightness-75"
className="px-4 py-2 rounded-lg mr-2 whitespace-pre-wrap max-w-full typebot-guest-bubble cursor-pointer"
data-testid="guest-bubble"
>
{content}