ref(dep) Upgrade MUI (#12089)

This commit is contained in:
Robert Pintilii
2022-09-13 10:36:00 +03:00
committed by GitHub
parent 3ef3233242
commit 139884fbe7
93 changed files with 2301 additions and 1296 deletions

View File

@@ -1,19 +1,20 @@
/* eslint-disable lines-around-comment */
import { makeStyles } from '@material-ui/styles';
import { Theme } from '@mui/material';
import React from 'react';
import { makeStyles } from 'tss-react/mui';
import Button from '../../../base/ui/components/web/Button';
import Checkbox from '../../../base/ui/components/web/Checkbox';
import { BUTTON_TYPES } from '../../../base/ui/constants';
import { Theme } from '../../../base/ui/types';
// @ts-ignore
import { isSubmitAnswerDisabled } from '../../functions';
import AbstractPollAnswer, { AbstractProps } from '../AbstractPollAnswer';
const useStyles = makeStyles((theme: Theme) => {
const useStyles = makeStyles()((theme: Theme) => {
return {
buttonMargin: {
marginRight: `${theme.spacing(2)}px`
marginRight: theme.spacing(2)
}
};
});
@@ -29,7 +30,7 @@ const PollAnswer = ({
t
}: AbstractProps) => {
const { changingVote } = poll;
const styles = useStyles();
const { classes: styles } = useStyles();
return (
<div className = 'poll-answer'>

View File

@@ -1,6 +1,7 @@
/* eslint-disable lines-around-comment */
import { makeStyles } from '@material-ui/core';
import { Theme } from '@mui/material';
import React, { useCallback, useEffect, useRef, useState } from 'react';
import { makeStyles } from 'tss-react/mui';
import Icon from '../../../base/icons/components/Icon';
import { IconMenu } from '../../../base/icons/svg';
@@ -8,17 +9,16 @@ import { IconMenu } from '../../../base/icons/svg';
import { Tooltip } from '../../../base/tooltip';
import Button from '../../../base/ui/components/web/Button';
import { BUTTON_TYPES } from '../../../base/ui/constants';
import { Theme } from '../../../base/ui/types';
import { ANSWERS_LIMIT, CHAR_LIMIT } from '../../constants';
// @ts-ignore
import AbstractPollCreate from '../AbstractPollCreate';
// @ts-ignore
import type { AbstractProps } from '../AbstractPollCreate';
const useStyles = makeStyles((theme: Theme) => {
const useStyles = makeStyles()((theme: Theme) => {
return {
buttonMargin: {
marginRight: `${theme.spacing(2)}px`
marginRight: theme.spacing(2)
}
};
});
@@ -36,7 +36,7 @@ const PollCreate = ({
setQuestion,
t
}: AbstractProps) => {
const styles = useStyles();
const { classes: styles } = useStyles();
/*
* This ref stores the Array of answer input fields, allowing us to focus on them.