SALG-1278: Coding styles

Author: yepzdk

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

@@ -26,7 +26,7 @@ function PointOfInterest({
   index,
   destinationChanged,
   nextUnlockableId,
-  setSource
+  setSource,
 }) {
   const { lat, long } = useContext(LatLongContext);
   const [proximity, setProximity] = useState(null);

src/components/routes/RoutePage.jsx

@@ -158,7 +158,6 @@ function RoutePage() {
 
   if (selectedRoute === null) return null;
 
-
   return (
     <div className="flex flex-col place-items-start pb-36">
       <BackButton>Afslut</BackButton>
@@ -221,18 +220,17 @@ function RoutePage() {
           </div>
         )}
 
-        {source && audioRef &&
+        {source && audioRef && (
           <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>
-            <audio
-              className="w-full"
-              ref={audioRef}
-              controls
-              src={`${fileUrl}${source}`}
-            />
+            <audio className="w-full" ref={audioRef} controls>
+              <source src={`${fileUrl}${source}`} type="audio/mpeg" />
+              Your browser does not support the audio element.
+            </audio>
           </div>
-        }
+        )}
       </div>
       <div ref={bottomRef} />
     </div>