From 6e2d7775f3ac50360867fec33af4b4c0a8003ada Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Fri, 14 Jun 2024 23:19:35 +0530
Subject: [PATCH] refactor: remove mapRect usage

---
 src/components/atoms/Highlighter.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/atoms/Highlighter.tsx b/src/components/atoms/Highlighter.tsx
index 7e5fb8d7..b72cac06 100644
--- a/src/components/atoms/Highlighter.tsx
+++ b/src/components/atoms/Highlighter.tsx
@@ -1,7 +1,6 @@
-import React  from 'react';
+import React from 'react';
 
 import styled from "styled-components";
-import { mapRect } from "../../helpers/inputHelpers";
 
 interface HighlighterProps {
   unmodifiedRect: DOMRect;
@@ -11,7 +10,7 @@ interface HighlighterProps {
   canvasRect: DOMRect;
 };
 
-export const Highlighter = ({ unmodifiedRect, displayedSelector = '', width, height, canvasRect}: HighlighterProps) => {
+export const Highlighter = ({ unmodifiedRect, displayedSelector = '', width, height, canvasRect }: HighlighterProps) => {
   if (!unmodifiedRect) {
     return null;
   } else {
@@ -30,7 +29,7 @@ export const Highlighter = ({ unmodifiedRect, displayedSelector = '', width, hei
 
     const rect = {
       top: unmodifiedRect.top + canvasRect.top,
-      left: unmodifiedRect.left +  canvasRect.left,
+      left: unmodifiedRect.left + canvasRect.left,
       right: unmodifiedRect.right + canvasRect.left,
       bottom: unmodifiedRect.bottom + canvasRect.top,
       width: unmodifiedRect.width,
@@ -113,7 +112,7 @@ const HighlighterLabel = styled.div<HighlighterLabelProps>`
   left: ${(p: HighlighterLabelProps) => p.left}px;
 `;
 
-interface HighlighterLabelProps{
+interface HighlighterLabelProps {
   top: number;
   left: number;
 }