ysandler/textualize
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: removed logs other small cleanup

Browse Source
This commit is contained in:
Joshua Shoemaker 2022-12-14 23:44:34 -06:00
parent 09f3466073
commit 80f1c8756d
1 changed files with 2 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/components/workspace/DocumentRenderer.tsx
View File

@ -1,8 +1,7 @@
'use client' 'use client'
import React, { useEffect, useRef, useState } from "react" import React, { useEffect, useRef } from "react"
import { useProject } from "../../context/Project/provider" import { useProject } from "../../context/Project/provider"
import { ipc } from "../../wailsjs/wailsjs/go/models"
const loadImage = (path: string): Promise<HTMLImageElement> => { const loadImage = (path: string): Promise<HTMLImageElement> => {
@ -16,15 +15,12 @@ const loadImage = (path: string): Promise<HTMLImageElement> => {
const DocumentRenderer = () => { const DocumentRenderer = () => {
const { getSelectedDocument, requestAddArea } = useProject() const { getSelectedDocument, requestAddArea } = useProject()
const [canvasSize, setCanvasSize] = useState({ width: 0, height: 0 })
const selectedDocument = getSelectedDocument() const selectedDocument = getSelectedDocument()
const areas = selectedDocument?.areas const areas = selectedDocument?.areas
const documentCanvas = useRef<HTMLCanvasElement>(null) const documentCanvas = useRef<HTMLCanvasElement>(null)
const areaCanvas = useRef<HTMLCanvasElement>(null) const areaCanvas = useRef<HTMLCanvasElement>(null)
const drawingCanvas = useRef<HTMLCanvasElement>(null) const drawingCanvas = useRef<HTMLCanvasElement>(null)
// console.log('selectedDocument: ', selectedDocument)
let downClickX = 0 let downClickX = 0
let downClickY = 0 let downClickY = 0
let isMouseDown = false let isMouseDown = false
@ -70,12 +66,10 @@ const DocumentRenderer = () => {
context.clearRect(0, 0, areaCanvasInstance.width, areaCanvasInstance.height) context.clearRect(0, 0, areaCanvasInstance.width, areaCanvasInstance.height)
areas.forEach(a => { areas.forEach(a => {
console.log('area: ', a)
const width = a.endX - a.startX const width = a.endX - a.startX
const height = a.endY - a.startY const height = a.endY - a.startY
const x = a.startX const x = a.startX
const y = a.startY const y = a.startY
console.log(`context.rect: `, x, y, width, height)
context.rect(x, y, width, height) context.rect(x, y, width, height)
context.lineWidth = 2 context.lineWidth = 2
context.strokeStyle = '#dc8dec' context.strokeStyle = '#dc8dec'
@ -118,9 +112,7 @@ const DocumentRenderer = () => {
} }
if (selectedDocument?.id) if (selectedDocument?.id)
requestAddArea(selectedDocument.id, { startX, startY, endX, endY }).then(response => { requestAddArea(selectedDocument.id, { startX, startY, endX, endY })
console.log('requestAddArea: ', response)
}).catch(err => console.log('err requestAddArea :', err))
const context = drawingCanvasInstance.getContext('2d') const context = drawingCanvasInstance.getContext('2d')
context?.clearRect(0, 0, drawingCanvasInstance.width, drawingCanvasInstance.height) context?.clearRect(0, 0, drawingCanvasInstance.width, drawingCanvasInstance.height)