From c7149c931b7349e8063f037544567e3cf76c9c0f Mon Sep 17 00:00:00 2001
From: KDSBrowne <kert.browne85@gmail.com>
Date: Wed, 8 Nov 2023 00:20:59 +0000
Subject: [PATCH] add transitions to cursors for smoothing

---
 .../ui/components/whiteboard/cursors/cursor/component.jsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/bigbluebutton-html5/imports/ui/components/whiteboard/cursors/cursor/component.jsx b/bigbluebutton-html5/imports/ui/components/whiteboard/cursors/cursor/component.jsx
index a4711d4d45..7db9283d3d 100644
--- a/bigbluebutton-html5/imports/ui/components/whiteboard/cursors/cursor/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/whiteboard/cursors/cursor/component.jsx
@@ -25,19 +25,22 @@ const Cursor = (props) => {
     _y = (y + tldrawCamera?.point[1]) * tldrawCamera?.zoom;
   }
 
+  const transitionStyle = owner ? { transition: 'left 0.3s ease-out, top 0.3s ease-out' } : {};
+
   return (
     <>
       <div
         style={{
           zIndex: z,
           position: 'absolute',
-          left: (_x || x) - pointerDiameter/2,
-          top: (_y || y) - pointerDiameter/2,
+          left: (_x || x) - pointerDiameter / 2,
+          top: (_y || y) - pointerDiameter / 2,
           width: pointerDiameter,
           height: pointerDiameter,
           borderRadius: '50%',
           background: `${color}`,
           pointerEvents: 'none',
+          ...transitionStyle,
         }}
       />
 
@@ -57,6 +60,7 @@ const Cursor = (props) => {
             color: '#FFF',
             backgroundColor: color,
             border: `1px solid ${color}`,
+            ...transitionStyle,
           }}
           data-test="whiteboardCursorIndicator"
         >