feat(grad): replaced grab tailwind by css class (#127)

RomainDreidemy · Sep 15, 2023 · e6cce5f · e6cce5f
1 parent 7420c50
commit e6cce5f
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 6 deletions.
diff --git a/front/src/enums/CursorTypes.ts b/front/src/enums/CursorTypes.ts
@@ -1,3 +1,3 @@
 export enum CursorTypes {
-  GRAB = 'cursor-grab'
+  GRAB = 'canvas-cursor-grab'
 }
diff --git a/front/src/index.css b/front/src/index.css
@@ -28,4 +28,8 @@ code {
 .board {
     background-image: url("./assets/images/canvas.background.png");
     background-repeat: repeat;
+}
+
+.canvas-cursor-grab {
+    cursor: grab;
 }
diff --git a/front/src/services/canvas/Base.canvas.ts b/front/src/services/canvas/Base.canvas.ts
@@ -49,8 +49,8 @@ const BaseCanvas: TBaseCanvas = {
     this.canvas!.height = height
   },
 
-  gradCursor (add: boolean = false): void {
-    add
+  gradCursor (activate: boolean = false): void {
+    activate
       ? this.canvas!.classList.add(CursorTypes.GRAB)
       : this.canvas!.classList.remove(CursorTypes.GRAB)
   },

diff --git a/front/src/services/canvas/MouseEvent.manager.ts b/front/src/services/canvas/MouseEvent.manager.ts
@@ -54,7 +54,7 @@ const MouseEventManager: TMouseEventManager = {
       }
     }
 
-    this.gradCursor()
+    this.gradCursor(false)
     this.isMoving = false
     this.selectedConnector = undefined
     this.initialDrawerPosition = undefined

diff --git a/front/src/services/canvas/WheelEvent.manager.ts b/front/src/services/canvas/WheelEvent.manager.ts
@@ -48,6 +48,7 @@ const WheelEventManager: TWheelEventManager = {
   finishedInteraction (): void {
     this.isInteracting = false
     this.interactionTimeout = undefined
+    this.gradCursor(false)
 
     eventEmitter.emit<EventListenerCallback<TDrawer[]>>(EventEmitters.ON_MOVED_DRAWERS)
   },
@@ -68,11 +69,12 @@ const WheelEventManager: TWheelEventManager = {
   },
 
   onMove (event: WheelEvent) {
+    this.gradCursor(true)
+
     const delta: IPosition = {
       x: event.deltaX / this.interactionSensibility,
       y: event.deltaY / this.interactionSensibility
     }
-
     this.moveDrawersByPosition(delta)
   },
 

diff --git a/front/src/types/canvas/Base.canvas.ts b/front/src/types/canvas/Base.canvas.ts
@@ -13,6 +13,6 @@ export interface TBaseCanvas {
   updateContext: () => void
   setCanvasDimensions: (size: ISize) => void
   sizeCanvas: () => void
-  gradCursor: (add?: boolean) => void
+  gradCursor: (activate?: boolean) => void
   boundingClientPosition: (event: MouseEvent | WheelEvent) => IPosition
 }