SALG-1278: WIP - Check audio playing

Author: yepzdk

src/App.jsx

@@ -10,8 +10,6 @@ import TagsList from "./components/tags/TagsList";
 import RoutePage from "./components/routes/RoutePage";
 import ApiEndpointContext from "./context/api-endpoint-context";
 
-// import "./App.css";
-
 function App() {
   const [geolocationAvailable, setGeolocationAvailable] = useState();
   const [lat, setLat] = useState(null);

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

@@ -85,10 +85,17 @@ function PointOfInterest({
     if (isExperienceIdInLocalstorage()) {
       setUnlocked(true);
     }
+
   }, []);
 
   return (
-    <div className="flex items-start gap-4 p-4">
+    <div
+      className={
+        unlocked
+          ? `flex items-start gap-4 p-4`
+          : `flex items-start gap-4 p-4 opacity-10`
+      }
+    >
       <Image src={image} className="w-24 h-24 rounded-full" />
       <div className="flex flex-col">
         <h2 className="text-zinc-900 text-sm font-bold dark:text-zinc-200 my-3">

src/components/routes/RoutePage.jsx

@@ -5,6 +5,7 @@ import PointOfInterest from "../points-of-interest/PointOfInterest";
 import { getAngleFromLocationToDestination } from "../../util/helper";
 import BackButton from "../BackButton";
 import { ReactComponent as LocationArrow } from "../../icons/location-arrow-solid.svg";
+import AudioContext from "../../context/audio-context";
 
 function RoutePage() {
   const { id } = useParams();
@@ -97,8 +98,6 @@ function RoutePage() {
 
   if (selectedRoute === null) return null;
 
-  console.log(audio);
-
   return (
     <div className="flex flex-col place-items-start pb-20">
       <BackButton>Afslut</BackButton>