fix birdseye and empty card (#20582)

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

@@ -175,8 +175,8 @@
     "exitEdit": "Exit Editing"
   },
   "noCameras": {
-    "title": "No Cameras Set Up",
+    "title": "No Cameras Configured",
-    "description": "Get started by connecting a camera.",
+    "description": "Get started by connecting a camera to Frigate.",
     "buttonText": "Add Camera"
   }
 }

web/src/components/card/EmptyCard.tsx

@@ -1,27 +1,30 @@
 import React from "react";
 import { Button } from "../ui/button";
 import Heading from "../ui/heading";
+import { Link } from "react-router-dom";
 
 type EmptyCardProps = {
   icon: React.ReactNode;
   title: string;
   description: string;
   buttonText?: string;
+  link?: string;
 };
 export function EmptyCard({
   icon,
   title,
   description,
   buttonText,
+  link,
 }: EmptyCardProps) {
   return (
     <div className="flex flex-col items-center gap-2">
       {icon}
       <Heading as="h4">{title}</Heading>
-      <div className="text-secondary-foreground">{description}</div>
+      <div className="mb-3 text-secondary-foreground">{description}</div>
       {buttonText?.length && (
         <Button size="sm" variant="select">
-          {buttonText}
+          <Link to={link ?? "#"}>{buttonText}</Link>
         </Button>
       )}
     </div>

web/src/views/live/LiveDashboardView.tsx

@@ -354,7 +354,7 @@ export default function LiveDashboardView({
     onSaveMuting(true);
   };
 
-  if (cameras.length == 0) {
+  if (cameras.length == 0 && !includeBirdseye) {
     return <NoCameraView />;
   }
 
@@ -625,6 +625,7 @@ function NoCameraView() {
         title={t("noCameras.title")}
         description={t("noCameras.description")}
         buttonText={t("noCameras.buttonText")}
+        link="/settings?page=cameraManagement"
       />
     </div>
   );