diff --git a/src/components/MediaMuteAndSwitchButton.test.tsx b/src/components/MediaMuteAndSwitchButton.test.tsx
index 80ee0254..60be336a 100644
--- a/src/components/MediaMuteAndSwitchButton.test.tsx
+++ b/src/components/MediaMuteAndSwitchButton.test.tsx
@@ -76,6 +76,42 @@ describe("MediaMuteAndSwitchButton", () => {
expect(onMute).toHaveBeenCalled();
});
+ test("shows numbered devices correctly", async () => {
+ const user = userEvent.setup();
+ render(
+
+
+
+ ,
+ );
+
+ await user.click(screen.getByRole("button", { name: "Microphone" }));
+ screen.getByRole("menuitem", { name: "Microphone 1" });
+ screen.getByRole("menuitem", { name: "Microphone 2" });
+ await user.keyboard("[Escape]");
+ await user.click(screen.getByRole("button", { name: "Camera" }));
+ screen.getByRole("menuitem", { name: "Camera 1" });
+ screen.getByRole("menuitem", { name: "Camera 2" });
+ });
+
test("calls select callback on menu click", async () => {
const user = userEvent.setup();
const onSelect = vi.fn();
diff --git a/src/components/MediaMuteAndSwitchButton.tsx b/src/components/MediaMuteAndSwitchButton.tsx
index 44bdf5e6..80cb02a3 100644
--- a/src/components/MediaMuteAndSwitchButton.tsx
+++ b/src/components/MediaMuteAndSwitchButton.tsx
@@ -119,13 +119,13 @@ export const MediaMuteAndSwitchButton: FC = ({
IconOptions = VideoCallIcon;
optionsButtonLabel = t("settings.devices.camera");
numberedLabel = (n): string =>
- t("settings.devices.microphone_numbered", { n });
+ t("settings.devices.camera_numbered", { n });
break;
case "audio":
IconOptions = MicOnIcon;
optionsButtonLabel = t("settings.devices.microphone");
numberedLabel = (n): string =>
- t("settings.devices.camera_numbered", { n });
+ t("settings.devices.microphone_numbered", { n });
break;
}
return (