From d308dd5c0e1dcac8b0cf9e8c93084d0ad40c08e4 Mon Sep 17 00:00:00 2001
From: Toba Ojo <toba.ojo@mav-systems.com>
Date: Fri, 26 Sep 2025 14:47:34 +0100
Subject: [PATCH] refactor: update positioning of NumberPlate in
 SightingOverview and clean up unused variables in SightingWidget

---
 src/components/SightingOverview/SightingOverview.tsx | 11 +++++------
 src/components/SightingsWidget/SightingWidget.tsx    |  9 +--------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/components/SightingOverview/SightingOverview.tsx b/src/components/SightingOverview/SightingOverview.tsx
index 9b24a15..222ff11 100644
--- a/src/components/SightingOverview/SightingOverview.tsx
+++ b/src/components/SightingOverview/SightingOverview.tsx
@@ -28,14 +28,13 @@ const SightingOverview = () => {
 
   return (
     <div className="flex flex-col md:flex-row">
-      {mostRecent && (
-        <div className="z-30 px-1 pt-2">
-          <NumberPlate vrm={mostRecent?.vrm} size="sm" />
-        </div>
-      )}
-
       <NavigationArrow side={side} />
       <div className="w-full">
+        {mostRecent && (
+          <div className="absolute inset-0 z-50 px-1 pt-2">
+            <NumberPlate vrm={mostRecent?.vrm} size="sm" />
+          </div>
+        )}
         <img
           ref={imgRef}
           onLoad={() => {
diff --git a/src/components/SightingsWidget/SightingWidget.tsx b/src/components/SightingsWidget/SightingWidget.tsx
index d1e1670..0fd8c81 100644
--- a/src/components/SightingsWidget/SightingWidget.tsx
+++ b/src/components/SightingsWidget/SightingWidget.tsx
@@ -132,8 +132,6 @@ export default function SightingHistoryWidget({
               const isNPEDHitD =
                 obj?.metadata?.npedJSON?.["NPED CATEGORY"] === "D";
               const motionAway = (obj?.motion ?? "").toUpperCase() === "AWAY";
-              const primaryIsColour = obj?.srcCam === 1;
-              const secondaryMissing = (obj?.vrmSecondary ?? "") === "";
               const isHotListHit =
                 obj?.metadata?.hotlistMatches?.Hotlist0 === true;
               return (
@@ -147,17 +145,12 @@ export default function SightingHistoryWidget({
                       isNPEDHitD ? " border-amber-600" : ""
                     }`}
                   >
-                    <div
-                      className={`border p-1 ${
-                        primaryIsColour ? "ring-2 ring-lime-400" : ""
-                      } ${secondaryMissing && primaryIsColour ? "" : ""}`}
-                    >
+                    <div className={`border p-1 `}>
                       <img
                         src={obj?.plateUrlColour || BLANK_IMG}
                         height={48}
                         width={200}
                         alt="colour patch"
-                        className={primaryIsColour ? "" : ""}
                       />
                     </div>
                     {isHotListHit && (