From bcfb6488d8217763a06d11f9948fb81dea52e5e9 Mon Sep 17 00:00:00 2001
From: pjsier <pjsier@gmail.com>
Date: Fri, 8 Nov 2024 19:21:17 -0500
Subject: [PATCH] refactor: add taxpayer to tooltip

---
 client/src/components/Map/Map.jsx               | 17 ++---------------
 .../components/Search/DetailedSearchResults.jsx |  2 +-
 2 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/client/src/components/Map/Map.jsx b/client/src/components/Map/Map.jsx
index 3345756..29f6b03 100644
--- a/client/src/components/Map/Map.jsx
+++ b/client/src/components/Map/Map.jsx
@@ -256,24 +256,10 @@ class PraxisMap extends Component {
     )
   }
 
-  _renderTooltip() {
-    // TODO: Move to use mapbox native tooltip, performance on this is too rough
-    const { hoveredFeature, x, y } = this.props.currentFeature
-
-    return (
-      hoveredFeature && (
-        <div className="tooltip" style={{ left: x, top: y }}>
-          <div>{hoveredFeature.properties.propaddr}</div>
-          <div>Speculator: {hoveredFeature.properties.own_id}</div>
-          <div>Properties owned: {hoveredFeature.properties.count}</div>
-        </div>
-      )
-    )
-  }
-
   _removeTooltip() {
     this.props.dispatch(getHoveredFeatureAction(null))
   }
+
   // add a new marker if user clicks on a parcel feature
   // nothing happens if there is no feature
   _handleMapClick = async (event) => {
@@ -442,6 +428,7 @@ class PraxisMap extends Component {
               <div className="tooltip">
                 <div>{hoveredFeature.properties.propaddr}</div>
                 <div>Speculator: {hoveredFeature.properties.own_id}</div>
+                <div>Taxpayer: {hoveredFeature.properties.taxpayer}</div>
                 <div>
                   Properties owned: {hoveredFeature.properties.own_count}
                 </div>
diff --git a/client/src/components/Search/DetailedSearchResults.jsx b/client/src/components/Search/DetailedSearchResults.jsx
index 2e86e80..5472640 100644
--- a/client/src/components/Search/DetailedSearchResults.jsx
+++ b/client/src/components/Search/DetailedSearchResults.jsx
@@ -599,7 +599,7 @@ function SingleParcel(props) {
             Detroit zip code <span>{propzip}</span>, and was one of{" "}
             <span>{count}</span> properties owned by speculator{" "}
             <span>{capitalizeFirstLetter(own_id)}</span>. Additional years of
-            speculation for this property ocurred in{" "}
+            speculation for this property occurred in{" "}
             <span>
               {praxisRecordYears ? praxisRecordYears.join(", ") : null}
             </span>