haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(styles) Remove Theme type annotation (#12544) 

* tss-react doesn't need a type anotation for the Theme

* Update tss-react to 4.4.4
This commit is contained in:
Joseph Garrone 2022-11-15 08:50:22 +01:00 committed by GitHub
parent c9ff0bb75f
commit 4ef4e45ee4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
64 changed files with 71 additions and 133 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
package-lock.json generated
View File

@ -127,7 +127,7 @@
"resemblejs": "4.0.0", "resemblejs": "4.0.0",
"seamless-scroll-polyfill": "2.1.8", "seamless-scroll-polyfill": "2.1.8",
"styled-components": "3.4.9", "styled-components": "3.4.9",
"tss-react": "4.0.0", "tss-react": "4.4.4",
"util": "0.12.1", "util": "0.12.1",
"uuid": "8.3.2", "uuid": "8.3.2",
"wasm-check": "2.0.1", "wasm-check": "2.0.1",
@ -19019,9 +19019,9 @@
"integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
}, },
"node_modules/tss-react": { "node_modules/tss-react": {
"version": "4.0.0", "version": "4.4.4",
"resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.0.0.tgz", "resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.4.4.tgz",
"integrity": "sha512-pPkOKWiWWPbKdQFnGGeHEgRceUwkjrv0eldVCAdBll3j6Y3Ys/xwqsnlWYwWOU3SMJygVRE/S4CsIYx6KPpOkA==", "integrity": "sha512-Bzyg99bIQq3Lk4Rwc5XMOps58c1biw1rghCkApIX5XkAB+/VjGCIFSl63PePhmiRNvKRxJRpawGPPxHytiw1TA==",
"dependencies": { "dependencies": {
"@emotion/cache": "*", "@emotion/cache": "*",
"@emotion/serialize": "*", "@emotion/serialize": "*",
@ -34738,9 +34738,9 @@
"integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
}, },
"tss-react": { "tss-react": {
"version": "4.0.0", "version": "4.4.4",
"resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.0.0.tgz", "resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.4.4.tgz",
"integrity": "sha512-pPkOKWiWWPbKdQFnGGeHEgRceUwkjrv0eldVCAdBll3j6Y3Ys/xwqsnlWYwWOU3SMJygVRE/S4CsIYx6KPpOkA==", "integrity": "sha512-Bzyg99bIQq3Lk4Rwc5XMOps58c1biw1rghCkApIX5XkAB+/VjGCIFSl63PePhmiRNvKRxJRpawGPPxHytiw1TA==",
"requires": { "requires": {
"@emotion/cache": "*", "@emotion/cache": "*",
"@emotion/serialize": "*", "@emotion/serialize": "*",

2
package.json
View File

@ -132,7 +132,7 @@
"resemblejs": "4.0.0", "resemblejs": "4.0.0",
"seamless-scroll-polyfill": "2.1.8", "seamless-scroll-polyfill": "2.1.8",
"styled-components": "3.4.9", "styled-components": "3.4.9",
"tss-react": "4.0.0", "tss-react": "4.4.4",
"util": "0.12.1", "util": "0.12.1",
"uuid": "8.3.2", "uuid": "8.3.2",
"wasm-check": "2.0.1", "wasm-check": "2.0.1",

3
react/features/base/buttons/CopyButton.web.tsx
View File

@ -1,5 +1,4 @@
/* eslint-disable react/jsx-no-bind */ /* eslint-disable react/jsx-no-bind */
import { Theme } from '@mui/material';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -8,7 +7,7 @@ import { IconCheck, IconCopy } from '../icons/svg';
import { withPixelLineHeight } from '../styles/functions.web'; import { withPixelLineHeight } from '../styles/functions.web';
import { copyText } from '../util/copyText.web'; import { copyText } from '../util/copyText.web';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
copyButton: { copyButton: {
...withPixelLineHeight(theme.typography.bodyShortBold), ...withPixelLineHeight(theme.typography.bodyShortBold),

3
react/features/base/components/participants-pane-list/ListItem.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { ReactNode } from 'react'; import React, { ReactNode } from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -76,7 +75,7 @@ interface IProps {
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
container: { container: {
alignItems: 'center', alignItems: 'center',

3
react/features/base/label/components/web/Label.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -45,7 +44,7 @@ interface IProps {
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
label: { label: {
...withPixelLineHeight(theme.typography.labelRegular), ...withPixelLineHeight(theme.typography.labelRegular),

3
react/features/base/premeeting/components/web/ActionButton.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { ReactNode, useCallback } from 'react'; import React, { ReactNode, useCallback } from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -80,7 +79,7 @@ interface IProps {
type: string; type: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
actionButton: { actionButton: {
...withPixelLineHeight(theme.typography.bodyLongBold), ...withPixelLineHeight(theme.typography.bodyLongBold),

3
react/features/base/premeeting/components/web/ConnectionStatus.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback, useState } from 'react'; import React, { useCallback, useState } from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -25,7 +24,7 @@ interface IProps extends WithTranslation {
connectionType?: string; connectionType?: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
connectionStatus: { connectionStatus: {
borderRadius: '6px', borderRadius: '6px',

3
react/features/base/premeeting/components/web/PreMeetingScreen.tsx
View File

@ -1,5 +1,4 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React, { ReactNode } from 'react'; import React, { ReactNode } from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -85,7 +84,7 @@ interface IProps {
videoTrack?: Object; videoTrack?: Object;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
subtitle: { subtitle: {
...withPixelLineHeight(theme.typography.heading5), ...withPixelLineHeight(theme.typography.heading5),

3
react/features/base/ui/components/web/Button.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -47,7 +46,7 @@ interface IProps extends IButtonProps {
testId?: string; testId?: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
button: { button: {
backgroundColor: theme.palette.action01, backgroundColor: theme.palette.action01,

3
react/features/base/ui/components/web/Checkbox.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -40,7 +39,7 @@ interface ICheckboxProps {
onChange: (e: React.ChangeEvent<HTMLInputElement>) => void; onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
formControl: { formControl: {
...withPixelLineHeight(theme.typography.bodyLongRegular), ...withPixelLineHeight(theme.typography.bodyLongRegular),

3
react/features/base/ui/components/web/ClickableIcon.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -12,7 +11,7 @@ interface IProps {
onClick: () => void; onClick: () => void;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
button: { button: {
padding: '2px', padding: '2px',

3
react/features/base/ui/components/web/ContextMenu.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { ReactNode, useEffect, useLayoutEffect, useRef, useState } from 'react'; import React, { ReactNode, useEffect, useLayoutEffect, useRef, useState } from 'react';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -104,7 +103,7 @@ interface IProps {
const MAX_HEIGHT = 400; const MAX_HEIGHT = 400;
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
contextMenu: { contextMenu: {
backgroundColor: theme.palette.ui01, backgroundColor: theme.palette.ui01,

3
react/features/base/ui/components/web/ContextMenuItem.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { ReactNode } from 'react'; import React, { ReactNode } from 'react';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -71,7 +70,7 @@ export interface IProps {
textClassName?: string; textClassName?: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
contextMenuItem: { contextMenuItem: {
alignItems: 'center', alignItems: 'center',

3
react/features/base/ui/components/web/ContextMenuItemGroup.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { ReactNode } from 'react'; import React, { ReactNode } from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -18,7 +17,7 @@ interface IProps {
children?: ReactNode; children?: ReactNode;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
contextMenuItemGroup: { contextMenuItemGroup: {
'&:not(:empty)': { '&:not(:empty)': {

3
react/features/base/ui/components/web/Dialog.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback, useContext, useEffect } from 'react'; import React, { useCallback, useContext, useEffect } from 'react';
import FocusLock from 'react-focus-lock'; import FocusLock from 'react-focus-lock';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
@ -15,7 +14,7 @@ import ClickableIcon from './ClickableIcon';
import { DialogTransitionContext } from './DialogTransition'; import { DialogTransitionContext } from './DialogTransition';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
container: { container: {
width: '100%', width: '100%',

3
react/features/base/ui/components/web/Input.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import TextareaAutosize from 'react-textarea-autosize'; import TextareaAutosize from 'react-textarea-autosize';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -26,7 +25,7 @@ interface IProps extends IInputProps {
type?: 'text' | 'email' | 'number' | 'password'; type?: 'text' | 'email' | 'number' | 'password';
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
inputContainer: { inputContainer: {
display: 'flex', display: 'flex',

3
react/features/base/ui/components/web/Select.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { ChangeEvent } from 'react'; import React, { ChangeEvent } from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -53,7 +52,7 @@ interface ISelectProps {
value: number | string; value: number | string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
container: { container: {
display: 'flex', display: 'flex',

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

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -15,7 +14,7 @@ interface IProps extends ISwitchProps {
id?: string; id?: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
container: { container: {
position: 'relative', position: 'relative',

3
react/features/base/ui/components/web/Tabs.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -18,7 +17,7 @@ interface ITabProps {
}>; }>;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
container: { container: {
display: 'flex' display: 'flex'

3
react/features/chat/components/web/NewMessagesButton.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -17,7 +16,7 @@ export interface INewMessagesButtonProps extends WithTranslation {
onGoToFirstUnreadMessage: () => void; onGoToFirstUnreadMessage: () => void;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
container: { container: {
position: 'absolute', position: 'absolute',

3
react/features/conference/components/web/RaisedHandsCountLabel.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
@ -12,7 +11,7 @@ import Label from '../../../base/label/components/web/Label';
import { Tooltip } from '../../../base/tooltip'; import { Tooltip } from '../../../base/tooltip';
import { open as openParticipantsPane } from '../../../participants-pane/actions'; import { open as openParticipantsPane } from '../../../participants-pane/actions';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
label: { label: {
backgroundColor: theme.palette.warning02, backgroundColor: theme.palette.warning02,

3
react/features/display-name/components/web/DisplayName.tsx
View File

@ -1,5 +1,4 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React, { useCallback, useEffect, useRef, useState } from 'react'; import React, { useCallback, useEffect, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
@ -50,7 +49,7 @@ interface IProps {
thumbnailType: string; thumbnailType: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
displayName: { displayName: {
...withPixelLineHeight(theme.typography.labelBold), ...withPixelLineHeight(theme.typography.labelBold),

3
react/features/display-name/components/web/DisplayNameBadge.tsx
View File

@ -1,8 +1,7 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
const { text01 } = theme.palette; const { text01 } = theme.palette;
return { return {

3
react/features/display-name/components/web/StageParticipantNameLabel.tsx
View File

@ -1,6 +1,5 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -22,7 +21,7 @@ import { isLayoutTileView } from '../../../video-layout';
import DisplayNameBadge from './DisplayNameBadge'; import DisplayNameBadge from './DisplayNameBadge';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
badgeContainer: { badgeContainer: {
...withPixelLineHeight(theme.typography.bodyShortRegularLarge), ...withPixelLineHeight(theme.typography.bodyShortRegularLarge),

3
react/features/filmstrip/components/web/RaisedHandIndicator.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -31,7 +30,7 @@ interface IProps {
tooltipPosition: string; tooltipPosition: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
raisedHandIndicator: { raisedHandIndicator: {
backgroundColor: theme.palette.warning02, backgroundColor: theme.palette.warning02,

3
react/features/gifs/components/web/GifsMenu.tsx
View File

@ -1,7 +1,6 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { GiphyFetch, TrendingOptions } from '@giphy/js-fetch-api'; import { GiphyFetch, TrendingOptions } from '@giphy/js-fetch-api';
import { Grid } from '@giphy/react-components'; import { Grid } from '@giphy/react-components';
import { Theme } from '@mui/material';
import React, { useCallback, useEffect, useState } from 'react'; import React, { useCallback, useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { batch, useDispatch, useSelector } from 'react-redux'; import { batch, useDispatch, useSelector } from 'react-redux';
@ -29,7 +28,7 @@ import {
const OVERFLOW_DRAWER_PADDING = 16; const OVERFLOW_DRAWER_PADDING = 16;
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
gifsMenu: { gifsMenu: {
width: '100%', width: '100%',

3
react/features/invite/components/add-people-dialog/web/CopyMeetingLinkSection.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -15,7 +14,7 @@ interface IProps {
url: string; url: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
label: { label: {
display: 'block', display: 'block',

3
react/features/invite/components/add-people-dialog/web/DialInLimit.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -7,7 +6,7 @@ import { translate } from '../../../../base/i18n/functions';
import { withPixelLineHeight } from '../../../../base/styles/functions.web'; import { withPixelLineHeight } from '../../../../base/styles/functions.web';
import { UPGRADE_OPTIONS_LINK, UPGRADE_OPTIONS_TEXT } from '../../../constants'; import { UPGRADE_OPTIONS_LINK, UPGRADE_OPTIONS_TEXT } from '../../../constants';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
limitContainer: { limitContainer: {
backgroundColor: theme.palette.warning01, backgroundColor: theme.palette.warning01,

3
react/features/invite/components/add-people-dialog/web/DialInSection.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
@ -21,7 +20,7 @@ interface IProps {
phoneNumber: string; phoneNumber: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
container: { container: {
'& .info-label': { '& .info-label': {

3
react/features/invite/components/add-people-dialog/web/InviteByEmailSection.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -35,7 +34,7 @@ interface IProps {
inviteTextiOS: string; inviteTextiOS: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
container: { container: {
marginTop: theme.spacing(4) marginTop: theme.spacing(4)

3
react/features/keyboard-shortcuts/components/web/KeyboardShortcutsDialog.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -25,7 +24,7 @@ interface IProps {
* *
* @returns {Object} * @returns {Object}
*/ */
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
list: { list: {
listStyleType: 'none', listStyleType: 'none',

3
react/features/large-video/components/ScreenSharePlaceholder.web.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { useStore } from 'react-redux'; import { useStore } from 'react-redux';
@ -9,7 +8,7 @@ import { translate } from '../../base/i18n/functions';
// @ts-ignore // @ts-ignore
import { setSeeWhatIsBeingShared } from '../actions.web'; import { setSeeWhatIsBeingShared } from '../actions.web';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
overlayContainer: { overlayContainer: {
width: '100%', width: '100%',

2
react/features/notifications/components/web/NotificationsContainer.tsx
View File

@ -1,6 +1,6 @@
import { FlagGroupContext } from '@atlaskit/flag/flag-group'; import { FlagGroupContext } from '@atlaskit/flag/flag-group';
import { AtlasKitThemeProvider } from '@atlaskit/theme'; import { AtlasKitThemeProvider } from '@atlaskit/theme';
import { Theme } from '@mui/material'; import { Theme } from '@mui/material/styles';
import { withStyles } from '@mui/styles'; import { withStyles } from '@mui/styles';
import clsx from 'clsx'; import clsx from 'clsx';
import React, { Component } from 'react'; import React, { Component } from 'react';

3
react/features/participants-pane/components/breakout-rooms/components/web/CollapsibleRoom.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { ReactElement, useCallback, useState } from 'react'; import React, { ReactElement, useCallback, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
@ -80,7 +79,7 @@ interface IProps {
toggleParticipantMenu: Function; toggleParticipantMenu: Function;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
container: { container: {
boxShadow: 'none' boxShadow: 'none'

3
react/features/participants-pane/components/breakout-rooms/components/web/JoinQuickActionButton.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDispatch } from 'react-redux'; import { useDispatch } from 'react-redux';
@ -20,7 +19,7 @@ interface IProps {
}; };
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
button: { button: {
marginRight: theme.spacing(2) marginRight: theme.spacing(2)

3
react/features/participants-pane/components/breakout-rooms/components/web/RoomParticipantContextMenu.tsx
View File

@ -1,5 +1,4 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React, { useCallback, useMemo } from 'react'; import React, { useCallback, useMemo } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
@ -49,7 +48,7 @@ interface IProps {
onSelect: (force?: any) => void; onSelect: (force?: any) => void;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
text: { text: {
color: theme.palette.text02, color: theme.palette.text02,

3
react/features/participants-pane/components/web/FooterContextMenu.tsx
View File

@ -1,5 +1,4 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
@ -39,7 +38,7 @@ import { SETTINGS_TABS } from '../../../settings/constants';
// @ts-ignore // @ts-ignore
import { MuteEveryonesVideoDialog } from '../../../video-menu/components'; import { MuteEveryonesVideoDialog } from '../../../video-menu/components';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
contextMenu: { contextMenu: {
bottom: 'auto', bottom: 'auto',

3
react/features/participants-pane/components/web/LobbyParticipantItem.tsx
View File

@ -1,6 +1,5 @@
// eslint-disable-next-line lines-around-comment // eslint-disable-next-line lines-around-comment
import { Theme } from '@mui/material';
import React, { useCallback, useRef, useState } from 'react'; import React, { useCallback, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
@ -39,7 +38,7 @@ interface IProps {
participant: IParticipant; participant: IParticipant;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
button: { button: {
marginRight: theme.spacing(2) marginRight: theme.spacing(2)

3
react/features/participants-pane/components/web/LobbyParticipants.tsx
View File

@ -1,5 +1,4 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
@ -22,7 +21,7 @@ import { useLobbyActions, useParticipantDrawer } from '../../hooks';
// @ts-ignore // @ts-ignore
import LobbyParticipantItems from './LobbyParticipantItems'; import LobbyParticipantItems from './LobbyParticipantItems';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
drawerActions: { drawerActions: {
listStyleType: 'none', listStyleType: 'none',

3
react/features/participants-pane/components/web/MeetingParticipants.tsx
View File

@ -1,6 +1,5 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
@ -30,7 +29,7 @@ import MeetingParticipantContextMenu from './MeetingParticipantContextMenu';
// @ts-ignore // @ts-ignore
import MeetingParticipantItems from './MeetingParticipantItems'; import MeetingParticipantItems from './MeetingParticipantItems';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
heading: { heading: {
color: theme.palette.text02, color: theme.palette.text02,

3
react/features/participants-pane/components/web/ParticipantItem.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { ReactElement, useCallback } from 'react'; import React, { ReactElement, useCallback } from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -97,7 +96,7 @@ interface IProps extends WithTranslation {
youText?: string; youText?: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
nameContainer: { nameContainer: {
display: 'flex', display: 'flex',

3
react/features/participants-pane/components/web/ParticipantQuickAction.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDispatch } from 'react-redux'; import { useDispatch } from 'react-redux';
@ -46,7 +45,7 @@ interface IProps {
participantName: string; participantName: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
button: { button: {
marginRight: theme.spacing(2) marginRight: theme.spacing(2)

3
react/features/participants-pane/components/web/ParticipantsPane.tsx
View File

@ -1,5 +1,4 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React, { useCallback, useEffect, useState } from 'react'; import React, { useCallback, useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
@ -32,7 +31,7 @@ import LobbyParticipants from './LobbyParticipants';
import MeetingParticipants from './MeetingParticipants'; import MeetingParticipants from './MeetingParticipants';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
container: { container: {
boxSizing: 'border-box' as const, boxSizing: 'border-box' as const,

3
react/features/participants-pane/components/web/RaisedHandIndicator.tsx
View File

@ -1,11 +1,10 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
import Icon from '../../../base/icons/components/Icon'; import Icon from '../../../base/icons/components/Icon';
import { IconRaiseHand } from '../../../base/icons/svg'; import { IconRaiseHand } from '../../../base/icons/svg';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
indicator: { indicator: {
backgroundColor: theme.palette.warning02, backgroundColor: theme.palette.warning02,

3
react/features/polls/components/web/PollAnswer.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -9,7 +8,7 @@ import { BUTTON_TYPES } from '../../../base/ui/constants.web';
import { isSubmitAnswerDisabled } from '../../functions'; import { isSubmitAnswerDisabled } from '../../functions';
import AbstractPollAnswer, { AbstractProps } from '../AbstractPollAnswer'; import AbstractPollAnswer, { AbstractProps } from '../AbstractPollAnswer';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
buttonMargin: { buttonMargin: {
marginRight: theme.spacing(2) marginRight: theme.spacing(2)

3
react/features/polls/components/web/PollCreate.tsx
View File

@ -1,5 +1,4 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React, { useCallback, useEffect, useRef, useState } from 'react'; import React, { useCallback, useEffect, useRef, useState } from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -15,7 +14,7 @@ import AbstractPollCreate from '../AbstractPollCreate';
// @ts-ignore // @ts-ignore
import type { AbstractProps } from '../AbstractPollCreate'; import type { AbstractProps } from '../AbstractPollCreate';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
buttonMargin: { buttonMargin: {
marginRight: theme.spacing(2) marginRight: theme.spacing(2)

3
react/features/prejoin/components/web/DropdownButton.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -33,7 +32,7 @@ interface IProps {
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
prejoinPreviewDropdownBtn: { prejoinPreviewDropdownBtn: {
alignItems: 'center', alignItems: 'center',

3
react/features/prejoin/components/web/dialogs/CallingDialog.tsx
View File

@ -1,6 +1,5 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -36,7 +35,7 @@ interface IProps extends WithTranslation {
status: string; status: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
callingDialog: { callingDialog: {
padding: theme.spacing(3), padding: theme.spacing(3),

3
react/features/prejoin/components/web/dialogs/DialInDialog.tsx
View File

@ -1,6 +1,5 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -47,7 +46,7 @@ interface IProps extends WithTranslation {
passCode: string; passCode: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
dialInDialog: { dialInDialog: {
textAlign: 'center', textAlign: 'center',

3
react/features/prejoin/components/web/dialogs/DialOutDialog.tsx
View File

@ -1,6 +1,5 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -32,7 +31,7 @@ interface IProps extends WithTranslation {
onTextButtonClick: Function; onTextButtonClick: Function;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
dialOutDialog: { dialOutDialog: {
padding: theme.spacing(3) padding: theme.spacing(3)

3
react/features/prejoin/components/web/preview/DeviceStatus.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -27,7 +26,7 @@ export interface IProps extends WithTranslation {
deviceStatusType?: string; deviceStatusType?: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
deviceStatus: { deviceStatus: {
alignItems: 'center', alignItems: 'center',

3
react/features/salesforce/components/web/RecordItem.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -31,7 +30,7 @@ interface IProps {
type: string; type: string;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
recordItem: { recordItem: {
display: 'flex', display: 'flex',

3
react/features/salesforce/components/web/SalesforceLinkDialog.tsx
View File

@ -1,6 +1,5 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import Spinner from '@atlaskit/spinner'; import Spinner from '@atlaskit/spinner';
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDispatch } from 'react-redux'; import { useDispatch } from 'react-redux';
@ -17,7 +16,7 @@ import { useSalesforceLinkDialog } from '../../useSalesforceLinkDialog';
import { RecordItem } from './RecordItem'; import { RecordItem } from './RecordItem';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
container: { container: {
minHeight: '450px', minHeight: '450px',

3
react/features/speaker-stats/components/web/SpeakerStats.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback, useEffect } from 'react'; import React, { useCallback, useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -18,7 +17,7 @@ import SpeakerStatsLabels from './SpeakerStatsLabels';
import SpeakerStatsList from './SpeakerStatsList'; import SpeakerStatsList from './SpeakerStatsList';
import SpeakerStatsSearch from './SpeakerStatsSearch'; import SpeakerStatsSearch from './SpeakerStatsSearch';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
speakerStats: { speakerStats: {
'& .row': { '& .row': {

3
react/features/speaker-stats/components/web/SpeakerStatsLabels.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -9,7 +8,7 @@ import { withPixelLineHeight } from '../../../base/styles/functions.web';
import { Tooltip } from '../../../base/tooltip'; import { Tooltip } from '../../../base/tooltip';
import { FACE_EXPRESSIONS_EMOJIS } from '../../../face-landmarks/constants'; import { FACE_EXPRESSIONS_EMOJIS } from '../../../face-landmarks/constants';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
labels: { labels: {
padding: '22px 0 7px 0', padding: '22px 0 7px 0',

3
react/features/speaker-stats/components/web/SpeakerStatsList.tsx
View File

@ -1,5 +1,4 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -11,7 +10,7 @@ import abstractSpeakerStatsList from '../AbstractSpeakerStatsList';
// @ts-ignore // @ts-ignore
import SpeakerStatsItem from './SpeakerStatsItem'; import SpeakerStatsItem from './SpeakerStatsItem';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
list: { list: {
marginTop: theme.spacing(3), marginTop: theme.spacing(3),

3
react/features/speaker-stats/components/web/SpeakerStatsSearch.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback, useState } from 'react'; import React, { useCallback, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
@ -11,7 +10,7 @@ import { withPixelLineHeight } from '../../../base/styles/functions.web';
import { MOBILE_BREAKPOINT } from '../../constants'; import { MOBILE_BREAKPOINT } from '../../constants';
import { isSpeakerStatsSearchDisabled } from '../../functions'; import { isSpeakerStatsSearchDisabled } from '../../functions';
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
speakerStatsSearchContainer: { speakerStatsSearchContainer: {
position: 'relative' position: 'relative'

3
react/features/subtitles/components/LanguageListItem.web.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -25,7 +24,7 @@ interface ILanguageListItemProps extends WithTranslation {
selected?: boolean; selected?: boolean;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
itemContainer: { itemContainer: {
display: 'flex', display: 'flex',

3
react/features/subtitles/components/LanguageSelectorDialog.web.tsx
View File

@ -1,5 +1,4 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import i18next from 'i18next'; import i18next from 'i18next';
import React, { useCallback, useEffect, useState } from 'react'; import React, { useCallback, useEffect, useState } from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
@ -27,7 +26,7 @@ interface ILanguageSelectorDialogProps extends WithTranslation {
_translationLanguagesHead: Array<string>; _translationLanguagesHead: Array<string>;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
paragraphWrapper: { paragraphWrapper: {
fontSize: 14, fontSize: 14,

3
react/features/toolbox/components/web/Drawer.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { ReactElement, useCallback } from 'react'; import React, { ReactElement, useCallback } from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -28,7 +27,7 @@ interface IProps {
onClose: Function; onClose: Function;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
drawer: { drawer: {
backgroundColor: theme.palette.ui01, backgroundColor: theme.palette.ui01,

3
react/features/video-menu/components/web/ParticipantContextMenu.tsx
View File

@ -1,6 +1,5 @@
/* eslint-disable lines-around-comment */ /* eslint-disable lines-around-comment */
import { Theme } from '@mui/material';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
@ -106,7 +105,7 @@ interface IProps {
thumbnailMenu?: boolean; thumbnailMenu?: boolean;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
text: { text: {
color: theme.palette.text02, color: theme.palette.text02,

3
react/features/video-quality/components/Slider.web.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React from 'react'; import React from 'react';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -35,7 +34,7 @@ interface IProps {
value: number; value: number;
} }
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
// keep the same height for all elements: // keep the same height for all elements:
// input, input track & fake track(div) // input, input track & fake track(div)
const height = 6; const height = 6;

6
react/features/virtual-background/components/UploadImageButton.tsx
View File

@ -1,4 +1,3 @@
import { Theme } from '@mui/material';
import React, { useCallback, useRef } from 'react'; import React, { useCallback, useRef } from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -39,8 +38,7 @@ interface IProps extends WithTranslation {
storedImages: Array<Image>; storedImages: Array<Image>;
} }
// @ts-ignore const useStyles = makeStyles()(theme => {
const useStyles = makeStyles()((theme: Theme) => {
return { return {
addBackground: { addBackground: {
marginRight: theme.spacing(2) marginRight: theme.spacing(2)
@ -50,7 +48,7 @@ const useStyles = makeStyles()((theme: Theme) => {
}, },
label: { label: {
fontSize: '14px', fontSize: '14px',
fontWeight: '600', fontWeight: 600,
lineHeight: '20px', lineHeight: '20px',
marginTop: theme.spacing(3), marginTop: theme.spacing(3),
marginBottom: theme.spacing(2), marginBottom: theme.spacing(2),

3
react/features/virtual-background/components/VirtualBackgroundDialog.tsx
View File

@ -4,7 +4,6 @@ import Spinner from '@atlaskit/spinner';
import Bourne from '@hapi/bourne'; import Bourne from '@hapi/bourne';
// @ts-ignore // @ts-ignore
import { jitsiLocalStorage } from '@jitsi/js-utils/jitsi-local-storage'; import { jitsiLocalStorage } from '@jitsi/js-utils/jitsi-local-storage';
import { Theme } from '@mui/material';
import React, { useCallback, useEffect, useState } from 'react'; import React, { useCallback, useEffect, useState } from 'react';
import { WithTranslation } from 'react-i18next'; import { WithTranslation } from 'react-i18next';
import { makeStyles } from 'tss-react/mui'; import { makeStyles } from 'tss-react/mui';
@ -112,7 +111,7 @@ function _mapStateToProps(state: IReduxState): Object {
const VirtualBackgroundDialog = translate(connect(_mapStateToProps)(VirtualBackground)); const VirtualBackgroundDialog = translate(connect(_mapStateToProps)(VirtualBackground));
const useStyles = makeStyles()((theme: Theme) => { const useStyles = makeStyles()(theme => {
return { return {
dialogContainer: { dialogContainer: {
width: 'auto' width: 'auto'