Update map.js

Author: surajkumar9131

frontend/src/pages/propertyOnMap/components/map.js

@@ -9,94 +9,34 @@ const mapArea = [
 		top: "20%",
 		height: "16%",
 		width: "12%",
-		style: { background: "rgba(255, 0, 0, 0.5)" },
-		render: (area: any, index: number) => (
-			<span
-				style={{
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-				}}
-			>
-				86
-			</span>
-		),
 		onMouseOver: () => console.log("map onMouseOver"),
 	},
 	{
 		left: "6%",
 		top: "20%",
 		height: "15%",
 		width: "8%",
-		style: { background: "rgba(255, 0, 0, 0.5)" },
-		render: (area: any, index: number) => (
-			<span
-				style={{
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-				}}
-			>
-				82
-			</span>
-		),
 		onMouseOver: () => console.log("map onMouseOver"),
 	},
 	{
 		left: "14%",
 		top: "20%",
 		height: "15%",
 		width: "7%",
-		style: { background: "rgba(255, 0, 0, 0.5)" },
-		render: (area: any, index: number) => (
-			<span
-				style={{
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-				}}
-			>
-				83
-			</span>
-		),
 		onMouseOver: () => console.log("map onMouseOver"),
 	},
 	{
 		left: "22%",
 		top: "29%",
 		height: "6%",
 		width: "7%",
-		style: { background: "rgba(255, 0, 0, 0.5)" },
-		render: (area: any, index: number) => (
-			<span
-				style={{
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-				}}
-			>
-				84
-			</span>
-		),
 		onMouseOver: () => console.log("map onMouseOver"),
 	},
 	{
 		left: "28%",
 		top: "24%",
 		height: "5%",
 		width: "6%",
-		style: { background: "rgba(255, 0, 0, 0.5)" },
-		render: (area: any, index: number) => (
-			<span
-				style={{
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-				}}
-			>
-				87
-			</span>
-		),
 		onMouseOver: () => console.log("map onMouseOver"),
 	},
 ];