chore: lint

This commit is contained in:
karishmas6
2024-06-14 23:17:32 +05:30
parent 165de97446
commit c444cfc00f

View File

@@ -8,14 +8,14 @@ export const BrowserWindow = () => {
const [canvasRef, setCanvasReference] = useState<React.RefObject<HTMLCanvasElement> | undefined>(undefined);
const [screenShot, setScreenShot] = useState<string>("");
const [highlighterData, setHighlighterData] = useState<{rect: DOMRect, selector: string} | null>(null);
const [highlighterData, setHighlighterData] = useState<{ rect: DOMRect, selector: string } | null>(null);
const { socket } = useSocketStore();
const { width, height } = useBrowserDimensionsStore();
console.log('Use browser dimensions:', width, height)
const onMouseMove = (e: MouseEvent) =>{
const onMouseMove = (e: MouseEvent) => {
if (canvasRef && canvasRef.current && highlighterData) {
const canvasRect = canvasRef.current.getBoundingClientRect();
// mousemove outside the browser window
@@ -24,7 +24,7 @@ export const BrowserWindow = () => {
|| e.pageX > canvasRect.right
|| e.pageY < canvasRect.top
|| e.pageY > canvasRect.bottom
){
) {
setHighlighterData(null);
}
}
@@ -50,7 +50,7 @@ export const BrowserWindow = () => {
}, [screenShot, canvasRef, socket, screencastHandler]);
const highlighterHandler = useCallback((data: {rect: DOMRect, selector: string}) => {
const highlighterHandler = useCallback((data: { rect: DOMRect, selector: string }) => {
setHighlighterData(data);
console.log('Highlighter Rect via socket:', data.rect)
}, [highlighterData])
@@ -77,7 +77,7 @@ export const BrowserWindow = () => {
height={height}
canvasRect={canvasRef.current.getBoundingClientRect()}
/>
: null }
: null}
<Canvas
onCreateRef={setCanvasReference}
width={width}
@@ -87,7 +87,7 @@ export const BrowserWindow = () => {
);
};
const drawImage = (image: string, canvas: HTMLCanvasElement) :void => {
const drawImage = (image: string, canvas: HTMLCanvasElement): void => {
const ctx = canvas.getContext('2d');