Merge ec5f191187 into 0a8f499640

web/public/locales/en/views/live.json

@@ -181,16 +181,6 @@
     "restricted": {
       "title": "No Cameras Available",
       "description": "You don't have permission to view any cameras in this group."
-    },
-    "default": {
-      "title": "No Cameras Configured",
-      "description": "Get started by connecting a camera to Frigate.",
-      "buttonText": "Add Camera"
-    },
-    "group": {
-      "title": "No Cameras in Group",
-      "description": "This camera group has no assigned or enabled cameras.",
-      "buttonText": "Manage Groups"
     }
   }
 }

web/src/components/card/EmptyCard.tsx

@@ -35,9 +35,7 @@ export function EmptyCard({
       {icon}
       {TitleComponent}
       {description && (
-        <div className="mb-3 text-center text-secondary-foreground">
+        <div className="mb-3 text-secondary-foreground">{description}</div>
-          {description}
-        </div>
       )}
       {buttonText?.length && (
         <Button size="sm" variant="select">

web/src/views/live/LiveDashboardView.tsx

@@ -447,7 +447,7 @@ export default function LiveDashboardView({
       )}
 
       {cameras.length == 0 && !includeBirdseye ? (
-        <NoCameraView cameraGroup={cameraGroup} />
+        <NoCameraView />
       ) : (
         <>
           {!fullscreen && events && events.length > 0 && (
@@ -666,39 +666,28 @@ export default function LiveDashboardView({
   );
 }
 
-function NoCameraView({ cameraGroup }: { cameraGroup?: string }) {
+function NoCameraView() {
   const { t } = useTranslation(["views/live"]);
   const { auth } = useContext(AuthContext);
   const isAdmin = useIsAdmin();
 
-  const isDefault = cameraGroup === "default";
+  // Check if this is a restricted user with no cameras in this group
   const isRestricted = !isAdmin && auth.isAuthenticated;
 
-  let type: "default" | "group" | "restricted";
-  if (isRestricted) {
-    type = "restricted";
-  } else if (isDefault) {
-    type = "default";
-  } else {
-    type = "group";
-  }
-
   return (
     <div className="flex size-full items-center justify-center">
       <EmptyCard
         icon={<BsFillCameraVideoOffFill className="size-8" />}
-        title={t(`noCameras.${type}.title`)}
+        title={
-        description={t(`noCameras.${type}.description`)}
+          isRestricted ? t("noCameras.restricted.title") : t("noCameras.title")
-        buttonText={
-          type !== "restricted" && isDefault
-            ? t(`noCameras.${type}.buttonText`)
-            : undefined
         }
-        link={
+        description={
-          type !== "restricted" && isDefault
+          isRestricted
-            ? "/settings?page=cameraManagement"
+            ? t("noCameras.restricted.description")
-            : undefined
+            : t("noCameras.description")
         }
+        buttonText={!isRestricted ? t("noCameras.buttonText") : undefined}
+        link={!isRestricted ? "/settings?page=cameraManagement" : undefined}
       />
     </div>
   );