vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: memoize highlighter component

Browse Source
This commit is contained in:
Rohit
2025-03-27 00:25:27 +05:30
parent 35e6570006
commit 1f77dc3f66
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/recorder/Highlighter.tsx
View File

@@ -10,7 +10,7 @@ interface HighlighterProps {
canvasRect: DOMRect; canvasRect: DOMRect;
}; };
export const Highlighter = ({ unmodifiedRect, displayedSelector = '', width, height, canvasRect }: HighlighterProps) => { const HighlighterComponent = ({ unmodifiedRect, displayedSelector = '', width, height, canvasRect }: HighlighterProps) => {
if (!unmodifiedRect) { if (!unmodifiedRect) {
return null; return null;
} else { } else {
@@ -47,6 +47,8 @@ export const Highlighter = ({ unmodifiedRect, displayedSelector = '', width, hei
} }
} }
export const Highlighter = React.memo(HighlighterComponent);
const HighlighterOutline = styled.div<HighlighterOutlineProps>` const HighlighterOutline = styled.div<HighlighterOutlineProps>`
box-sizing: border-box; box-sizing: border-box;
pointer-events: none !important; pointer-events: none !important;