chore(pronto): use preview visualType for device selection in active call

[jdimovska]

💡 Overview

This PR updated the visualType to preview for device selection in active call.

📝 Implementation notes

🎫 Ticket: https://linear.app/stream/issue/XYZ-123

📑 Docs: https://github.com/GetStream/docs-content/pull/

Summary by CodeRabbit

• Style
  • Updated camera and microphone device selector interface displays for improved presentation.

[changeset-bot]

⚠️ No Changeset found

Latest commit: b57b3c8

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: f69b2c83-4e13-4daa-824c-e5bec5f0c9be

📥 Commits

Reviewing files that changed from the base of the PR and between 34ad675 and b57b3c8.

📒 Files selected for processing (2)

• sample-apps/react/react-dogfood/components/ToggleDualCameraButton.tsx
• sample-apps/react/react-dogfood/components/ToggleDualMicButton.tsx

---

📝 Walkthrough

Walkthrough

Two device selector components in the React sample application were updated to change their visual presentation type from "list" to "preview" mode for both video camera and microphone device selection interfaces.

Changes

Cohort / File(s)	Summary
Device Selector Visualization Updates sample-apps/react/react-dogfood/components/ToggleDualCameraButton.tsx, sample-apps/react/react-dogfood/components/ToggleDualMicButton.tsx	Updated DeviceSelectorVideo and DeviceSelectorAudioInput components to render with visualType="preview" instead of visualType="list", altering the device selection UI presentation mode.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐰 Whiskers twitched with glee,
List becomes preview, don't you see?
Dual cameras dance, dual mics shine,
A visual switch—both work divine! 🎥🎤✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly describes the main change: switching device selection visualType from 'list' to 'preview' for active calls.
Description check	✅ Passed	The description follows the required template with Overview and Implementation notes sections, though it provides minimal detail about what was changed.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch preview-devices

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}