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

feat: isSelected prop

Browse Source
This commit is contained in:
karishmas6
2024-06-25 20:16:30 +05:30
parent 4e8b8c8e15
commit af9c997c11
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/atoms/Highlighter.tsx
View File

@@ -8,9 +8,10 @@ interface HighlighterProps {
width: number; width: number;
height: number; height: number;
canvasRect: DOMRect; canvasRect: DOMRect;
isSelected: boolean;
}; };
export const Highlighter = ({ unmodifiedRect, displayedSelector = '', width, height, canvasRect }: HighlighterProps) => { export const Highlighter = ({ unmodifiedRect, displayedSelector = '', width, height, canvasRect, isSelected }: HighlighterProps) => {
if (!unmodifiedRect) { if (!unmodifiedRect) {
return null; return null;
} else { } else {
@@ -69,6 +70,10 @@ export const Highlighter = ({ unmodifiedRect, displayedSelector = '', width, hei
left={rect.left} left={rect.left}
width={rect.width} width={rect.width}
height={rect.height} height={rect.height}
style={{
background: isSelected ? '#ff0000' : '#ff5d5b26',
outline: isSelected ? '2px solid red' : '2px solid pink',
}}
/> />
<HighlighterLabel <HighlighterLabel
id="Highlighter-label" id="Highlighter-label"