diff --git a/src/components/recorder/canvas.tsx b/src/components/recorder/canvas.tsx index 4a015c87..9640c061 100644 --- a/src/components/recorder/canvas.tsx +++ b/src/components/recorder/canvas.tsx @@ -6,7 +6,6 @@ import DatePicker from '../pickers/DatePicker'; import Dropdown from '../pickers/Dropdown'; import TimePicker from '../pickers/TimePicker'; import DateTimeLocalPicker from '../pickers/DateTimeLocalPicker'; -import { EnhancedPerformanceMonitor } from '../../../perf/performance'; interface CreateRefCallback { (ref: React.RefObject): void; @@ -28,9 +27,6 @@ export interface Coordinates { const Canvas = ({ width, height, onCreateRef }: CanvasProps) => { - const performanceMonitor = useRef(new EnhancedPerformanceMonitor()); - console.log('Frontend Performance Report:', performanceMonitor.current.getPerformanceReport()); - const canvasRef = useRef(null); const { socket } = useSocketStore(); const { setLastAction, lastAction } = useGlobalInfoStore(); @@ -117,7 +113,6 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => { }, [socket]); const onMouseEvent = useCallback((event: MouseEvent) => { - performanceMonitor.current.measureEventLatency(event); if (socket && canvasRef.current) { // Get the canvas bounding rectangle const rect = canvasRef.current.getBoundingClientRect(); @@ -176,16 +171,6 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => { } }, [socket]); - // performance logging - useEffect(() => { - const intervalId = setInterval(() => { - const report = performanceMonitor.current.getPerformanceReport(); - console.log('Frontend Performance Report:', report); - }, 5000); - - return () => clearInterval(intervalId); - }, []); - const onKeyboardEvent = useCallback((event: KeyboardEvent) => { if (socket) { switch (event.type) {