diff --git a/web/src/components/navigation/Sidebar.tsx b/web/src/components/navigation/Sidebar.tsx
index 35a02d7dc..27ea9805c 100644
--- a/web/src/components/navigation/Sidebar.tsx
+++ b/web/src/components/navigation/Sidebar.tsx
@@ -5,9 +5,12 @@ import { useLocation } from "react-router-dom";
import GeneralSettings from "../menu/GeneralSettings";
import AccountSettings from "../menu/AccountSettings";
import useNavigation from "@/hooks/use-navigation";
+import { baseUrl } from "@/api/baseUrl";
+import { useMemo } from "react";
function Sidebar() {
const location = useLocation();
+ const basePath = useMemo(() => new URL(baseUrl).pathname, []);
const navbarLinks = useNavigation();
@@ -18,7 +21,8 @@ function Sidebar() {
{navbarLinks.map((item) => {
const showCameraGroups =
- item.id == 1 && item.url == location.pathname;
+ item.id == 1 &&
+ (location.pathname === "/" || location.pathname === basePath);
return (
diff --git a/web/src/components/player/HlsVideoPlayer.tsx b/web/src/components/player/HlsVideoPlayer.tsx
index 5562303b2..d66ed4b53 100644
--- a/web/src/components/player/HlsVideoPlayer.tsx
+++ b/web/src/components/player/HlsVideoPlayer.tsx
@@ -161,7 +161,7 @@ export default function HlsVideoPlayer({
}, [videoRef, controlsOpen]);
return (
-
+
{selectedScoreRange == undefined
? "Score Range"
- : `${selectedScoreRange[0] * 100}% - ${selectedScoreRange[1] * 100}%`}
+ : `${Math.round(selectedScoreRange[0] * 100)}% - ${Math.round(selectedScoreRange[1] * 100)}%`}
diff --git a/web/src/views/live/LiveBirdseyeView.tsx b/web/src/views/live/LiveBirdseyeView.tsx
index 8f7ebda77..01146f643 100644
--- a/web/src/views/live/LiveBirdseyeView.tsx
+++ b/web/src/views/live/LiveBirdseyeView.tsx
@@ -111,7 +111,7 @@ export default function LiveBirdseyeView({
}
return (
-
+