ZF/jitsi-meet
1
0
Fork 0
mirror of https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git synced 2025-12-30 19:32:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

ref(ui-components) Improve native and web Switch (#12061)

Browse Source 
Bring Switch component more in line
Convert some files to TS
This commit is contained in:
Robert Pintilii
2022-08-24 12:46:22 +03:00
committed by GitHub
parent 6d39d13af7
commit 8dd71a921b
11 changed files with 153 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
react/features/base/ui/components/web/Switch.tsx
View File

@@ -3,28 +3,14 @@ import clsx from 'clsx';
import React, { useCallback } from 'react';
import { isMobileBrowser } from '../../../environment/utils';
import { SwitchProps } from '../types';
interface SwitchProps {
/**
* Whether or not the toggle is on.
*/
checked: boolean;
/**
* Whether or not the toggle is disabled.
*/
disabled?: boolean;
interface Props extends SwitchProps {
/**
* Id of the toggle.
*/
id?: string;
/**
* Toggle change callback.
*/
onChange: (on?: boolean) => void;
}
const useStyles = makeStyles((theme: any) => {
@@ -92,7 +78,7 @@ const useStyles = makeStyles((theme: any) => {
};
});
const Switch = ({ id, checked, disabled, onChange }: SwitchProps) => {
const Switch = ({ id, checked, disabled, onChange }: Props) => {
const styles = useStyles();
const isMobile = isMobileBrowser();