remove unused id

Author: Sine Jespersen

src/components/points/DistanceComponent.jsx

@@ -3,12 +3,12 @@ import { getDistanceBetweenCoordinates } from "../../util/helper";
 import LatLongContext from "../../context/latitude-longitude-context";
 import RouteContext from "../../context/RouteContext";
 
-function DistanceComponent({ data: { id, latitude, longitude, classes, proximityToUnlock } }) {
+function DistanceComponent({ data: { id = null, latitude, longitude, proximityToUnlock = null }, classes }) {
   const { listOfUnlocked, setListOfUnlocked, nextUnlockablePointId, selectedRoute } = useContext(RouteContext);
   const { lat, long } = useContext(LatLongContext);
   const distance = useMemo(
     () => getDistanceBetweenCoordinates(lat, long, latitude, longitude),
-    [lat, long, latitude, longitude],
+    [lat, long, latitude, longitude]
   );
   function unlockThisPoint() {
     setListOfUnlocked([...listOfUnlocked, ...[id]]);

src/components/routes/Route.jsx

@@ -27,12 +27,7 @@ function Route({ route }) {
             <TagList tags={route.tags} />
           </div>
           {lat && long && (
-            <DistanceComponent
-              id={null}
-              data={{ latitude, longitude, id }}
-              classes="truncate w-1/5 text-right text-sm"
-              proximityToUnlock={null}
-            />
+            <DistanceComponent data={{ latitude, longitude }} classes="truncate w-1/5 text-right text-sm" />
           )}
         </div>
         <h2 className="mb-2 font-bold">{route.title}</h2>