From dc52573ce29f6ace8e5da3476b0e007732a969ea Mon Sep 17 00:00:00 2001 From: Timo K Date: Wed, 20 May 2026 17:03:45 +0200 Subject: [PATCH] fix backgroundBlurToggleClick -> videoBlurToggleClick --- src/components/CallFooter.tsx | 2 +- src/components/MediaMuteAndSwitchButton.stories.tsx | 4 ++-- src/components/MediaMuteAndSwitchButton.test.tsx | 2 +- src/components/MediaMuteAndSwitchButton.tsx | 8 ++++---- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/components/CallFooter.tsx b/src/components/CallFooter.tsx index 051da6be..7dd68d88 100644 --- a/src/components/CallFooter.tsx +++ b/src/components/CallFooter.tsx @@ -198,7 +198,7 @@ export const CallFooter: FC = ({ ref, children, vm }) => { options={videoOptions} selectedOption={selectedVideo} onSelect={selectVideoButtonOption} - backgroundBlurToggleClick={toggleBlur} + videoBlurToggleClick={toggleBlur} videoBlurEnabled={videoBlurEnabled} />, ); diff --git a/src/components/MediaMuteAndSwitchButton.stories.tsx b/src/components/MediaMuteAndSwitchButton.stories.tsx index 9aac05ea..b014cf9b 100644 --- a/src/components/MediaMuteAndSwitchButton.stories.tsx +++ b/src/components/MediaMuteAndSwitchButton.stories.tsx @@ -43,7 +43,7 @@ export const AudioMute: Story = { { label: { type: "name", name: "Microphone 2" }, id: "2" }, ], videoBlurEnabled: true, - backgroundBlurToggleClick: fn(), + videoBlurToggleClick: fn(), selectedOption: "2", }, play: async ({ args, canvasElement }) => { @@ -94,7 +94,7 @@ export const VideoUnmute: Story = { { label: { type: "name", name: "Camera 2" }, id: "2" }, ], videoBlurEnabled: true, - backgroundBlurToggleClick: fn(), + videoBlurToggleClick: fn(), selectedOption: "2", }, }; diff --git a/src/components/MediaMuteAndSwitchButton.test.tsx b/src/components/MediaMuteAndSwitchButton.test.tsx index bee49ebe..80ee0254 100644 --- a/src/components/MediaMuteAndSwitchButton.test.tsx +++ b/src/components/MediaMuteAndSwitchButton.test.tsx @@ -194,7 +194,7 @@ describe("MediaMuteAndSwitchButton", () => { title="Switcher" iconsAndLabels="video" enabled={true} - backgroundBlurToggleClick={onVideoBlurToggle} + videoBlurToggleClick={onVideoBlurToggle} onSelect={onSelect} /> , diff --git a/src/components/MediaMuteAndSwitchButton.tsx b/src/components/MediaMuteAndSwitchButton.tsx index 7bf5cb79..44bdf5e6 100644 --- a/src/components/MediaMuteAndSwitchButton.tsx +++ b/src/components/MediaMuteAndSwitchButton.tsx @@ -44,7 +44,7 @@ export interface MediaMuteAndSwitchButtonProps { options?: MenuOptions[]; /** The option that will currently be rendered as the selected option */ selectedOption?: string; - backgroundBlurToggleClick?: () => void; + videoBlurToggleClick?: () => void; videoBlurEnabled?: boolean; /** * For any toggle and option this method will be called. @@ -63,7 +63,7 @@ export const MediaMuteAndSwitchButton: FC = ({ options, selectedOption, videoBlurEnabled, - backgroundBlurToggleClick, + videoBlurToggleClick, onSelect, }) => { const [plannedSelection, setPlannedSelection] = useState(null); @@ -85,7 +85,7 @@ export const MediaMuteAndSwitchButton: FC = ({ data-testid="incall_videomute" /> ); - if (backgroundBlurToggleClick !== undefined) { + if (videoBlurToggleClick !== undefined) { toggles = [ { label: t("action.blur_background"), @@ -200,7 +200,7 @@ export const MediaMuteAndSwitchButton: FC = ({ { - backgroundBlurToggleClick?.(); + videoBlurToggleClick?.(); e.preventDefault(); }} checked={toggle.enabled ?? false}