ux(canvas): component camera toggles say "Camera", like the board toggle

The header spoke two languages: the ESP32-CAM/Sense board toggle says
"Camera" while component-owned webcams printed their registry label
("HuskyLens cam", "Gesture cam") — which read as a different control.
The button now says "Camera" everywhere; the component identity stays in
the tooltip, where it disambiguates when several cameras coexist.
This commit is contained in:
David Montero Crespo 2026-08-07 22:46:00 +02:00
parent da4678bb60
commit e4e4331010
1 changed files with 6 additions and 1 deletions

View File

@ -49,7 +49,12 @@ const Toggle: React.FC<{ cam: ComponentCameraEntry }> = ({ cam }) => {
<path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" />
<circle cx="12" cy="13" r="4" />
</svg>
<span>{cam.label}</span>
{/* The button says "Camera", exactly like the board CameraToggle —
one header language (user feedback: "HuskyLens cam" next to the
ESP32-CAM's plain "Camera" read as a different thing). WHICH
camera it is stays in the tooltip, where it matters when a board
camera and a component camera coexist. */}
<span>Camera</span>
</button>
);
};