Merge pull request #22 from itk-dev/feature/add-proximity-to-poi

Feature/add proximity to poi

Author: Sine Jespersen

package-lock.json

@@ -3,9 +3,6 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
     "ol": "^7.4.0",
     "proj4": "^2.9.0",
     "react": "^18.2.0",

package.json

@@ -15,7 +15,7 @@ function Info() {
       const distance = getDistanceBetweenCoordinates(
         lat,
         long,
-        56.153574116526194,
+        56.153574116526194, // Todo, as of now this is hardcoded to the center of Aarhus, this is perhaps not a good solution in the long run.
         10.21435188437761
       );
       setDistance(distance);

src/components/info.jsx

@@ -15,7 +15,6 @@ import { latlngToUTM } from "../../util/helper";
 import ApiEndpointContext from "../../context/api-endpoint-context";
 import "./map-wrapper.css";
 
-// Todo style this......
 function MapWrapper({ mapData, goToView, hideMapOverlay }) {
   const { mapUsername, mapPassword } = useContext(ApiEndpointContext);
   const [map, setMap] = useState();

src/components/map/MapWrapper.jsx

@@ -22,6 +22,7 @@ function PointOfInterest({
     subtitles,
     podcast,
     IFrameUrl,
+    proximityToUnlock,
   },
   index,
   destinationChanged,
@@ -51,7 +52,7 @@ function PointOfInterest({
       );
       setProximity(distance);
       if (!unlocked && id === nextUnlockableId) {
-        setUnlocked(distance < accuracy);
+        setUnlocked(distance < accuracy || distance < proximityToUnlock);
       }
     }
   }, [latitude, longitude, lat, long, geolocationAvailable]);

src/components/points-of-interest/PointOfInterest.jsx

@@ -232,7 +232,7 @@ function RoutePage() {
           <div className="pt-2">
             <p className="text-xs text-zinc-500">Igangværende afspilning</p>
             {/* TODO: Get the real name instead of Pizza 1 */}
-            <p className="text-sm font-bold ">Pizza 1</p>
+            {/* <p className="text-sm font-bold ">Pizza 1</p> */}
             <audio className="w-full" ref={audioRef} controls>
               <source src={`${fileUrl}${source}`} type="audio/mpeg" />
               Your browser does not support the audio element.