PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

fix: microphone and camera select issue in legacy call (#12105)

Browse source 
Signed-off-by: Murat Ersin <muratersin@yahoo.com>
This commit is contained in:
Murat Ersin 2024-01-04 17:44:37 +03:00 committed by GitHub
parent 9350583ecf
commit baaf8ad68b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
src/components/views/voip/LegacyCallView/LegacyCallViewButtons.tsx
View file

@ -16,7 +16,7 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
import React, { ComponentProps, createRef, useState } from "react";
import React, { ComponentProps, createRef, useState, forwardRef } from "react";
import classNames from "classnames";
import { MatrixCall } from "matrix-js-sdk/src/webrtc/call";
@ -48,30 +48,26 @@ type ButtonProps = Omit<ComponentProps<typeof AccessibleTooltipButton>, "title"
offLabel?: string;
};
const LegacyCallViewToggleButton: React.FC<ButtonProps> = ({
children,
state: isOn,
className,
onLabel,
offLabel,
...props
}) => {
const classes = classNames("mx_LegacyCallViewButtons_button", className, {
mx_LegacyCallViewButtons_button_on: isOn,
mx_LegacyCallViewButtons_button_off: !isOn,
});
const LegacyCallViewToggleButton = forwardRef<HTMLElement, ButtonProps>(
({ children, state: isOn, className, onLabel, offLabel, ...props }, ref) => {
const classes = classNames("mx_LegacyCallViewButtons_button", className, {
mx_LegacyCallViewButtons_button_on: isOn,
mx_LegacyCallViewButtons_button_off: !isOn,
});
return (
<AccessibleTooltipButton
className={classes}
title={isOn ? onLabel : offLabel}
alignment={Alignment.Top}
{...props}
>
{children}
</AccessibleTooltipButton>
);
};
return (
<AccessibleTooltipButton
ref={ref}
className={classes}
title={isOn ? onLabel : offLabel}
alignment={Alignment.Top}
{...props}
>
{children}
</AccessibleTooltipButton>
);
},
);
interface IDropdownButtonProps extends ButtonProps {
deviceKinds: MediaDeviceKindEnum[];