From b57b3c86d365a484513ae8a66a855c7c7e186a54 Mon Sep 17 00:00:00 2001
From: jonadimovska <jona.dimovska@hotmail.com>
Date: Fri, 10 Apr 2026 08:55:21 +0200
Subject: [PATCH] chore(pronto): use preview visualType for device selection in
 active call

---
 .../react-dogfood/components/ToggleDualCameraButton.tsx      | 2 +-
 .../react/react-dogfood/components/ToggleDualMicButton.tsx   | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/sample-apps/react/react-dogfood/components/ToggleDualCameraButton.tsx b/sample-apps/react/react-dogfood/components/ToggleDualCameraButton.tsx
index 563ee3c2a9..ed0a1ab72b 100644
--- a/sample-apps/react/react-dogfood/components/ToggleDualCameraButton.tsx
+++ b/sample-apps/react/react-dogfood/components/ToggleDualCameraButton.tsx
@@ -12,7 +12,7 @@ export const ToggleDualCameraButton = () => {
       <div className="rd__dual-toggle">
         <DegradedPerformanceNotification className="rd__call-controls__notification" />
         <ToggleVideoPublishingButton
-          Menu={<DeviceSelectorVideo visualType="list" />}
+          Menu={<DeviceSelectorVideo visualType="preview" />}
           menuPlacement="top"
         />
       </div>
diff --git a/sample-apps/react/react-dogfood/components/ToggleDualMicButton.tsx b/sample-apps/react/react-dogfood/components/ToggleDualMicButton.tsx
index e4a903bb09..348fdf9041 100644
--- a/sample-apps/react/react-dogfood/components/ToggleDualMicButton.tsx
+++ b/sample-apps/react/react-dogfood/components/ToggleDualMicButton.tsx
@@ -13,7 +13,10 @@ export const ToggleDualMicButton = () => {
         <ToggleAudioPublishingButton
           Menu={
             <>
-              <DeviceSelectorAudioInput visualType="list" title="Microphone" />
+              <DeviceSelectorAudioInput
+                visualType="preview"
+                title="Microphone"
+              />
               <DeviceSelectorAudioOutput visualType="list" title="Speaker" />
             </>
           }