chore: update material ui libs (closes #81)

mistakia · Feb 29, 2024 · a537892 · a537892
1 parent 882b84b
commit a537892
Show file tree

Hide file tree

Showing 31 changed files with 692 additions and 401 deletions.
diff --git a/codeql-workspace.yml b/codeql-workspace.yml
@@ -1,2 +1,2 @@
 ignore
-  - "**/build/**"
+- "**/build/**"
diff --git a/package.json b/package.json
@@ -129,11 +129,13 @@
     "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "^7.23.3",
     "@babel/register": "^7.23.7",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
     "@fingerprintjs/fingerprintjs": "^3.4.2",
-    "@material-ui/core": "^4.12.4",
-    "@material-ui/data-grid": "^4.0.0-alpha.37",
-    "@material-ui/icons": "^4.11.3",
-    "@material-ui/lab": "^4.0.0-alpha.61",
+    "@mui/icons-material": "^5.15.11",
+    "@mui/material": "^5.15.11",
+    "@mui/styles": "^5.15.11",
+    "@mui/x-data-grid": "^6.19.5",
     "babel-loader": "9.1.3",
     "babel-plugin-module-resolver": "^5.0.0",
     "circular-dependency-plugin": "^5.2.2",

diff --git a/src/views/components/account-blocks-summary/account-blocks-summary.js b/src/views/components/account-blocks-summary/account-blocks-summary.js
@@ -2,12 +2,12 @@ import React from 'react'
 import BigNumber from 'bignumber.js'
 import ImmutablePropTypes from 'react-immutable-proptypes'
 import PropTypes from 'prop-types'
-import Table from '@material-ui/core/Table'
-import TableBody from '@material-ui/core/TableBody'
-import TableCell from '@material-ui/core/TableCell'
-import TableContainer from '@material-ui/core/TableContainer'
-import TableHead from '@material-ui/core/TableHead'
-import TableRow from '@material-ui/core/TableRow'
+import Table from '@mui/material/Table'
+import TableBody from '@mui/material/TableBody'
+import TableCell from '@mui/material/TableCell'
+import TableContainer from '@mui/material/TableContainer'
+import TableHead from '@mui/material/TableHead'
+import TableRow from '@mui/material/TableRow'
 import { Link } from 'react-router-dom'
 import dayjs from 'dayjs'
 

diff --git a/src/views/components/block-info/block-info.js b/src/views/components/block-info/block-info.js
@@ -3,8 +3,8 @@ import PropTypes from 'prop-types'
 import ImmutablePropTypes from 'react-immutable-proptypes'
 import dayjs from 'dayjs'
 import { Link } from 'react-router-dom'
-import LoopIcon from '@material-ui/icons/Loop'
-import CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline'
+import LoopIcon from '@mui/icons-material/Loop'
+import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline'
 
 import { timeago } from '@core/utils'
 

diff --git a/src/views/components/collapsible/collapsible.js b/src/views/components/collapsible/collapsible.js
@@ -1,9 +1,9 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import Collapse from '@material-ui/core/Collapse'
-import Button from '@material-ui/core/Button'
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore'
-import ExpandLessIcon from '@material-ui/icons/ExpandLess'
+import Collapse from '@mui/material/Collapse'
+import Button from '@mui/material/Button'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import ExpandLessIcon from '@mui/icons-material/ExpandLess'
 
 import './collapsible.styl'
 

diff --git a/src/views/components/github-discussion/github-discussion.js b/src/views/components/github-discussion/github-discussion.js
@@ -1,14 +1,14 @@
 import React from 'react'
 import * as timeago from 'timeago.js'
 import ImmutablePropTypes from 'react-immutable-proptypes'
-import Skeleton from '@material-ui/lab/Skeleton'
-import Accordion from '@material-ui/core/Accordion'
-import AccordionSummary from '@material-ui/core/AccordionSummary'
-import AccordionDetails from '@material-ui/core/AccordionDetails'
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore'
-import OpenInNewIcon from '@material-ui/icons/OpenInNew'
-import Box from '@material-ui/core/Box'
-import Button from '@material-ui/core/Button'
+import Skeleton from '@mui/material/Skeleton'
+import Accordion from '@mui/material/Accordion'
+import AccordionSummary from '@mui/material/AccordionSummary'
+import AccordionDetails from '@mui/material/AccordionDetails'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import OpenInNewIcon from '@mui/icons-material/OpenInNew'
+import Box from '@mui/material/Box'
+import Button from '@mui/material/Button'
 import markdown from 'markdown-it'
 import mdTasks from 'markdown-it-task-checkbox'
 

diff --git a/src/views/components/github-events/github-events.js b/src/views/components/github-events/github-events.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import ImmutablePropTypes from 'react-immutable-proptypes'
-import Skeleton from '@material-ui/lab/Skeleton'
+import Skeleton from '@mui/material/Skeleton'
 
 import { timeago } from '@core/utils'
 

diff --git a/src/views/components/github-issue/github-issue.js b/src/views/components/github-issue/github-issue.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import * as timeago from 'timeago.js'
 import ImmutablePropTypes from 'react-immutable-proptypes'
-import Skeleton from '@material-ui/lab/Skeleton'
+import Skeleton from '@mui/material/Skeleton'
 
 import GithubLabels from '@components/github-labels'
 

diff --git a/src/views/components/github-labels/github-labels.js b/src/views/components/github-labels/github-labels.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import ImmutablePropTypes from 'react-immutable-proptypes'
 
-import Chip from '@material-ui/core/Chip'
+import Chip from '@mui/material/Chip'
 
 import './github-labels.styl'
 

diff --git a/src/views/components/menu/menu.js b/src/views/components/menu/menu.js
@@ -1,11 +1,11 @@
 import React from 'react'
 import { NavLink } from 'react-router-dom'
 import PropTypes from 'prop-types'
-import SwipeableDrawer from '@material-ui/core/SwipeableDrawer'
-import CloseIcon from '@material-ui/icons/Close'
-import SpeedDial from '@material-ui/lab/SpeedDial'
-import SpeedDialAction from '@material-ui/lab/SpeedDialAction'
-import HomeIcon from '@material-ui/icons/Home'
+import SwipeableDrawer from '@mui/material/SwipeableDrawer'
+import CloseIcon from '@mui/icons-material/Close'
+import SpeedDial from '@mui/material/SpeedDial'
+import SpeedDialAction from '@mui/material/SpeedDialAction'
+import HomeIcon from '@mui/icons-material/Home'
 
 import SearchBar from '@components/search-bar'
 import history from '@core/history'

diff --git a/src/views/components/metric-card/metric-card.js b/src/views/components/metric-card/metric-card.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import Tooltip from '@material-ui/core/Tooltip'
-import HelpOutlineIcon from '@material-ui/icons/HelpOutline'
+import Tooltip from '@mui/material/Tooltip'
+import HelpOutlineIcon from '@mui/icons-material/HelpOutline'
 
 import './metric-card.styl'
 

diff --git a/src/views/components/network/network.js b/src/views/components/network/network.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import HelpOutlineIcon from '@material-ui/icons/HelpOutline'
-import Tooltip from '@material-ui/core/Tooltip'
+import HelpOutlineIcon from '@mui/icons-material/HelpOutline'
+import Tooltip from '@mui/material/Tooltip'
 import ImmutablePropTypes from 'react-immutable-proptypes'
 
 import './network.styl'

diff --git a/src/views/components/notification/notification.js b/src/views/components/notification/notification.js
@@ -1,6 +1,6 @@
 import React from 'react'
-import Snackbar from '@material-ui/core/Snackbar'
-import MuiAlert from '@material-ui/lab/Alert'
+import Snackbar from '@mui/material/Snackbar'
+import MuiAlert from '@mui/material/Alert'
 import ImmutablePropTypes from 'react-immutable-proptypes'
 
 function Alert(props) {

diff --git a/src/views/components/post/post.js b/src/views/components/post/post.js
@@ -2,7 +2,7 @@ import React from 'react'
 import * as timeago from 'timeago.js'
 import ImmutablePropTypes from 'react-immutable-proptypes'
 
-import Skeleton from '@material-ui/lab/Skeleton'
+import Skeleton from '@mui/material/Skeleton'
 
 import './post.styl'
 

diff --git a/src/views/components/posts/posts.js b/src/views/components/posts/posts.js
@@ -2,8 +2,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import ImmutablePropTypes from 'react-immutable-proptypes'
 import { List } from 'immutable'
-import ToggleButton from '@material-ui/lab/ToggleButton'
-import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup'
+import ToggleButton from '@mui/material/ToggleButton'
+import ToggleButtonGroup from '@mui/material/ToggleButtonGroup'
 
 import Post from '@components/post'
 import { Post as PostRecord } from '@core/posts'

diff --git a/src/views/components/representative-alerts/representative-alerts.js b/src/views/components/representative-alerts/representative-alerts.js
@@ -2,16 +2,16 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import BigNumber from 'bignumber.js'
 import { Link } from 'react-router-dom'
-import Table from '@material-ui/core/Table'
-import TableBody from '@material-ui/core/TableBody'
-import TableCell from '@material-ui/core/TableCell'
-import TableContainer from '@material-ui/core/TableContainer'
-import TableHead from '@material-ui/core/TableHead'
-import TableRow from '@material-ui/core/TableRow'
-import Chip from '@material-ui/core/Chip'
-import Tooltip from '@material-ui/core/Tooltip'
-import Skeleton from '@material-ui/lab/Skeleton'
-import FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord'
+import Table from '@mui/material/Table'
+import TableBody from '@mui/material/TableBody'
+import TableCell from '@mui/material/TableCell'
+import TableContainer from '@mui/material/TableContainer'
+import TableHead from '@mui/material/TableHead'
+import TableRow from '@mui/material/TableRow'
+import Chip from '@mui/material/Chip'
+import Tooltip from '@mui/material/Tooltip'
+import Skeleton from '@mui/material/Skeleton'
+import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord'
 
 import { timeago } from '@core/utils'
 

diff --git a/src/views/components/representative-delegators/representative-delegators.js b/src/views/components/representative-delegators/representative-delegators.js
@@ -1,12 +1,12 @@
 import React from 'react'
 import BigNumber from 'bignumber.js'
 import ImmutablePropTypes from 'react-immutable-proptypes'
-import Table from '@material-ui/core/Table'
-import TableBody from '@material-ui/core/TableBody'
-import TableCell from '@material-ui/core/TableCell'
-import TableContainer from '@material-ui/core/TableContainer'
-import TableHead from '@material-ui/core/TableHead'
-import TableRow from '@material-ui/core/TableRow'
+import Table from '@mui/material/Table'
+import TableBody from '@mui/material/TableBody'
+import TableCell from '@mui/material/TableCell'
+import TableContainer from '@mui/material/TableContainer'
+import TableHead from '@mui/material/TableHead'
+import TableRow from '@mui/material/TableRow'
 import { Link } from 'react-router-dom'
 
 import './representative-delegators.styl'

diff --git a/src/views/components/representative-info/representative-info.js b/src/views/components/representative-info/representative-info.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import ImmutablePropTypes from 'react-immutable-proptypes'
 import BigNumber from 'bignumber.js'
-import FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord'
+import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord'
 
 import { timeago } from '@core/utils'
 

diff --git a/src/views/components/representatives-filters/representatives-filters.js b/src/views/components/representatives-filters/representatives-filters.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import ClearIcon from '@material-ui/icons/Clear'
+import ClearIcon from '@mui/icons-material/Clear'
 
 import './representatives-filters.styl'
 

diff --git a/src/views/components/representatives-offline/representatives-offline.js b/src/views/components/representatives-offline/representatives-offline.js
@@ -3,12 +3,12 @@ import ImmutablePropTypes from 'react-immutable-proptypes'
 import PropTypes from 'prop-types'
 import BigNumber from 'bignumber.js'
 import { Link } from 'react-router-dom'
-import Table from '@material-ui/core/Table'
-import TableBody from '@material-ui/core/TableBody'
-import TableCell from '@material-ui/core/TableCell'
-import TableContainer from '@material-ui/core/TableContainer'
-import TableHead from '@material-ui/core/TableHead'
-import TableRow from '@material-ui/core/TableRow'
+import Table from '@mui/material/Table'
+import TableBody from '@mui/material/TableBody'
+import TableCell from '@mui/material/TableCell'
+import TableContainer from '@mui/material/TableContainer'
+import TableHead from '@mui/material/TableHead'
+import TableRow from '@mui/material/TableRow'
 
 import { timeago } from '@core/utils'
 

diff --git a/src/views/components/representatives-search/representatives-search.js b/src/views/components/representatives-search/representatives-search.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import ClearIcon from '@material-ui/icons/Clear'
+import ClearIcon from '@mui/icons-material/Clear'
 
 import { debounce } from '@core/utils'