Browse Source

fix: remove unused imports and run prettier

Konstantinos Kaloutas 2 years ago
parent
commit
b211a93807

+ 1 - 2
tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx

@@ -329,8 +329,7 @@ export class LogseqPortalShape extends TLBoxShape<LogseqPortalShapeProps> {
               <Block blockId={pageId} />
             ) : (
               <Page pageName={pageId} />
-            ))
-          }
+            ))}
         </div>
       </>
     )

+ 4 - 10
tldraw/packages/react/src/components/HTMLLayer/HTMLLayer.tsx

@@ -1,8 +1,6 @@
-import { autorun } from 'mobx'
 import { observer } from 'mobx-react-lite'
 import * as React from 'react'
 import { useRendererContext } from '../../hooks'
-import { useApp } from '@tldraw/react'
 
 interface HTMLLayerProps {
   children: React.ReactNode
@@ -10,21 +8,17 @@ interface HTMLLayerProps {
 
 export const HTMLLayer = observer(function HTMLLayer({ children }: HTMLLayerProps) {
   const rLayer = React.useRef<HTMLDivElement>(null)
-  const app = useApp()
 
   const { viewport } = useRendererContext()
   const layer = rLayer.current
 
   const { zoom, point } = viewport.camera
 
-  React.useEffect(
-    () => {
-        if (!layer) return
+  React.useEffect(() => {
+    if (!layer) return
 
-        layer.style.transform = `scale(${zoom}) translate3d(${point[0]}px, ${point[1]}px, 0)`
-      },
-    [zoom, point, layer]
-  )
+    layer.style.transform = `scale(${zoom}) translate3d(${point[0]}px, ${point[1]}px, 0)`
+  }, [zoom, point, layer])
 
   return (
     <div ref={rLayer} className="tl-absolute tl-layer">

+ 3 - 1
tldraw/packages/react/src/components/ui/DirectionIndicator/DirectionIndicator.tsx

@@ -28,7 +28,9 @@ export const DirectionIndicator = observer(function DirectionIndicator<
       const int = intersectRayLineSegment(center, direction, A, B)
       if (!int.didIntersect) continue
       const point = int.points[0]
-      elm.style.transform = `translate(${point[0] - 6}px,${point[1] - 6}px) rotate(${Vec.toAngle(direction)}rad)`
+      elm.style.transform = `translate(${point[0] - 6}px,${point[1] - 6}px) rotate(${Vec.toAngle(
+        direction
+      )}rad)`
     }
   }, [direction, bounds])
   return (

+ 0 - 1
tldraw/packages/react/src/hooks/useCursor.ts

@@ -1,7 +1,6 @@
 import { GeomUtils, TLCursor } from '@tldraw/core'
 import * as React from 'react'
 
-
 function getCursorCss(svg: string, r: number, f = false) {
   return (
     `url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 35 35' xmlns='http://www.w3.org/2000/svg'><g fill='none' style='transform-origin:center center' transform='rotate(${r})${