Upgrade to MUI 5 (#4606)

* save work

* fix perf issue on i18n rollup

* fix reset styling

* move body line-height from reset

Co-authored-by: Jeremy Letto <jeremy.letto@datasite.com>
This commit is contained in:
Jeremy Letto 2022-10-29 20:17:03 -05:00 committed by GitHub
parent 72743e834e
commit f619ef23fd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
46 changed files with 570 additions and 357 deletions

View file

@ -10,10 +10,10 @@
width: 1.5em;
}
.MuiSelect-root .LanguageDropdown-item__label {
.MuiSelect-select .LanguageDropdown-item__label {
display: none;
}
.MuiListItem-root .LanguageDropdown-item__image {
.MuiList-root .LanguageDropdown-item__image {
margin-right: 1em;
}

View file

@ -1,9 +1,9 @@
// eslint-disable-next-line
import React, { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { Select, MenuItem } from '@material-ui/core';
import FormControl from '@material-ui/core/FormControl';
import InputLabel from '@material-ui/core/InputLabel';
import { Select, MenuItem } from '@mui/material';
import FormControl from '@mui/material/FormControl';
import InputLabel from '@mui/material/InputLabel';
import { Images } from 'images/Images';
import { Language, LanguageCountry, LanguageNative } from 'types';
@ -21,7 +21,7 @@ const LanguageDropdown = () => {
}, [language]);
return (
<FormControl variant='outlined' className='LanguageDropdown'>
<FormControl size='small' variant='outlined' className='LanguageDropdown'>
<Select
id='LanguageDropdown-select'
margin='dense'