From 7f655cc77d6661ac85f80086702eeae358a3ce51 Mon Sep 17 00:00:00 2001
From: ZhaiSoul <842607283@qq.com>
Date: Thu, 21 Aug 2025 06:26:05 +0000
Subject: [PATCH] fix: fix cameraNameLabel visually

---
 web/src/components/camera/CameraNameLabel.tsx | 16 ++--------------
 web/src/components/filter/FilterSwitch.tsx    |  2 +-
 2 files changed, 3 insertions(+), 15 deletions(-)

diff --git a/web/src/components/camera/CameraNameLabel.tsx b/web/src/components/camera/CameraNameLabel.tsx
index 2bc5faaf2..c05502b32 100644
--- a/web/src/components/camera/CameraNameLabel.tsx
+++ b/web/src/components/camera/CameraNameLabel.tsx
@@ -1,18 +1,10 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
 import { useCameraNickname } from "@/hooks/use-camera-nickname";
 import { CameraConfig } from "@/types/frigateConfig";
 
-const labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-);
-
 interface CameraNameLabelProps
-  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,
-    VariantProps<typeof labelVariants> {
+  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
   camera?: string | CameraConfig;
 }
 
@@ -22,11 +14,7 @@ const CameraNameLabel = React.forwardRef<
 >(({ className, camera, ...props }, ref) => {
   const displayName = useCameraNickname(camera);
   return (
-    <LabelPrimitive.Root
-      ref={ref}
-      className={cn(labelVariants(), className)}
-      {...props}
-    >
+    <LabelPrimitive.Root ref={ref} className={className} {...props}>
       {displayName}
     </LabelPrimitive.Root>
   );
diff --git a/web/src/components/filter/FilterSwitch.tsx b/web/src/components/filter/FilterSwitch.tsx
index 319794f2b..fa8709d96 100644
--- a/web/src/components/filter/FilterSwitch.tsx
+++ b/web/src/components/filter/FilterSwitch.tsx
@@ -20,7 +20,7 @@ export default function FilterSwitch({
     <div className="flex items-center justify-between gap-1">
       {isCameraName ? (
         <CameraNameLabel
-          className={`mx-2 w-full cursor-pointer text-primary smart-capitalize ${disabled ? "text-secondary-foreground" : ""}`}
+          className={`mx-2 w-full cursor-pointer text-sm font-medium leading-none text-primary smart-capitalize peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ${disabled ? "text-secondary-foreground" : ""}`}
           htmlFor={label}
           camera={label}
         />