mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-12 02:22:31 +00:00
e9675453e1
* Make Jitsi WCAG 2.1 compliant * Fixed password form keypress handling * Added keypress handler to name form * Removed unneccessary dom query * Fixed mouse hove style * Removed obsolete css rules * accessibilty background feature * Merge remote-tracking branch 'upstream/master' into nic/fix/merge-conflicts * fix error * add german translation * Fixed merge issue * Add id prop back to device selection * Fixed lockfile Co-authored-by: AHMAD KADRI <52747422+ahmadkadri@users.noreply.github.com>
65 lines
1.5 KiB
JavaScript
65 lines
1.5 KiB
JavaScript
// @flow
|
|
|
|
import React from 'react';
|
|
|
|
import { Icon, IconCheck, IconExclamationSolid } from '../../../../base/icons';
|
|
|
|
/**
|
|
* The type of the React {@code Component} props of {@link AudioSettingsEntry}.
|
|
*/
|
|
export type Props = {
|
|
|
|
/**
|
|
* The text for this component.
|
|
*/
|
|
children: React$Node,
|
|
|
|
/**
|
|
* Flag indicating an error.
|
|
*/
|
|
hasError?: boolean,
|
|
|
|
/**
|
|
* The id for the label, that contains the item text.
|
|
*/
|
|
labelId?: string,
|
|
|
|
/**
|
|
* Flag indicating the selection state.
|
|
*/
|
|
isSelected: boolean,
|
|
};
|
|
|
|
/**
|
|
* React {@code Component} representing an entry for the audio settings.
|
|
*
|
|
* @returns { ReactElement}
|
|
*/
|
|
export default function AudioSettingsEntry(
|
|
{ children, hasError, labelId, isSelected }: Props) {
|
|
|
|
const className = `audio-preview-entry ${isSelected
|
|
? 'audio-preview-entry--selected' : ''}`;
|
|
|
|
return (
|
|
<div className = { className }>
|
|
{isSelected && (
|
|
<Icon
|
|
className = 'audio-preview-icon audio-preview-icon--check'
|
|
color = '#1C2025'
|
|
size = { 14 }
|
|
src = { IconCheck } />
|
|
)}
|
|
<span
|
|
className = 'audio-preview-entry-text'
|
|
id = { labelId }>
|
|
{children}
|
|
</span>
|
|
{hasError && <Icon
|
|
className = 'audio-preview-icon audio-preview-icon--exclamation'
|
|
size = { 16 }
|
|
src = { IconExclamationSolid } />}
|
|
</div>
|
|
);
|
|
}
|