diff --git a/frontend/components/AddExchangeSessionForm.js b/frontend/components/AddExchangeSessionForm.js index 152b896d7..edde4c38d 100644 --- a/frontend/components/AddExchangeSessionForm.js +++ b/frontend/components/AddExchangeSessionForm.js @@ -1,28 +1,28 @@ import React from 'react'; -import Grid from '@material-ui/core/Grid'; -import Box from '@material-ui/core/Box'; -import Button from '@material-ui/core/Button'; -import Typography from '@material-ui/core/Typography'; -import TextField from '@material-ui/core/TextField'; -import FormControlLabel from '@material-ui/core/FormControlLabel'; -import FormHelperText from '@material-ui/core/FormHelperText'; -import InputLabel from '@material-ui/core/InputLabel'; -import FormControl from '@material-ui/core/FormControl'; -import InputAdornment from '@material-ui/core/InputAdornment'; -import IconButton from '@material-ui/core/IconButton'; +import Grid from '@mui/core/Grid'; +import Box from '@mui/core/Box'; +import Button from '@mui/core/Button'; +import Typography from '@mui/core/Typography'; +import TextField from '@mui/core/TextField'; +import FormControlLabel from '@mui/core/FormControlLabel'; +import FormHelperText from '@mui/core/FormHelperText'; +import InputLabel from '@mui/core/InputLabel'; +import FormControl from '@mui/core/FormControl'; +import InputAdornment from '@mui/core/InputAdornment'; +import IconButton from '@mui/core/IconButton'; -import Checkbox from '@material-ui/core/Checkbox'; -import Select from '@material-ui/core/Select'; -import MenuItem from '@material-ui/core/MenuItem'; -import FilledInput from '@material-ui/core/FilledInput'; +import Checkbox from '@mui/core/Checkbox'; +import Select from '@mui/core/Select'; +import MenuItem from '@mui/core/MenuItem'; +import FilledInput from '@mui/core/FilledInput'; -import Alert from '@material-ui/lab/Alert'; -import VisibilityOff from '@material-ui/icons/VisibilityOff'; -import Visibility from '@material-ui/icons/Visibility'; +import Alert from '@mui/lab/Alert'; +import VisibilityOff from '@mui/icons/VisibilityOff'; +import Visibility from '@mui/icons/Visibility'; import { addSession, testSessionConnection } from '../api/bbgo'; -import { makeStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@mui/core/styles'; const useStyles = makeStyles((theme) => ({ formControl: { diff --git a/frontend/components/ConfigureDatabaseForm.js b/frontend/components/ConfigureDatabaseForm.js index ce53bcb64..8cb4937fa 100644 --- a/frontend/components/ConfigureDatabaseForm.js +++ b/frontend/components/ConfigureDatabaseForm.js @@ -1,21 +1,21 @@ import React from 'react'; -import Grid from '@material-ui/core/Grid'; -import Box from '@material-ui/core/Box'; -import Button from '@material-ui/core/Button'; -import Typography from '@material-ui/core/Typography'; -import TextField from '@material-ui/core/TextField'; -import FormHelperText from '@material-ui/core/FormHelperText'; -import Radio from '@material-ui/core/Radio'; -import RadioGroup from '@material-ui/core/RadioGroup'; -import FormControlLabel from '@material-ui/core/FormControlLabel'; -import FormControl from '@material-ui/core/FormControl'; -import FormLabel from '@material-ui/core/FormLabel'; +import Grid from '@mui/core/Grid'; +import Box from '@mui/core/Box'; +import Button from '@mui/core/Button'; +import Typography from '@mui/core/Typography'; +import TextField from '@mui/core/TextField'; +import FormHelperText from '@mui/core/FormHelperText'; +import Radio from '@mui/core/Radio'; +import RadioGroup from '@mui/core/RadioGroup'; +import FormControlLabel from '@mui/core/FormControlLabel'; +import FormControl from '@mui/core/FormControl'; +import FormLabel from '@mui/core/FormLabel'; -import Alert from '@material-ui/lab/Alert'; +import Alert from '@mui/lab/Alert'; import { configureDatabase, testDatabaseConnection } from '../api/bbgo'; -import { makeStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@mui/core/styles'; const useStyles = makeStyles((theme) => ({ formControl: { diff --git a/frontend/components/ConfigureGridStrategyForm.js b/frontend/components/ConfigureGridStrategyForm.js index 1fad806dd..201c1c86b 100644 --- a/frontend/components/ConfigureGridStrategyForm.js +++ b/frontend/components/ConfigureGridStrategyForm.js @@ -1,30 +1,30 @@ import React from 'react'; import PropTypes from 'prop-types'; -import Grid from '@material-ui/core/Grid'; -import Button from '@material-ui/core/Button'; -import Typography from '@material-ui/core/Typography'; +import Grid from '@mui/core/Grid'; +import Button from '@mui/core/Button'; +import Typography from '@mui/core/Typography'; -import { makeStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@mui/core/styles'; import { attachStrategyOn, querySessions, querySessionSymbols, } from '../api/bbgo'; -import TextField from '@material-ui/core/TextField'; -import FormControlLabel from '@material-ui/core/FormControlLabel'; -import FormHelperText from '@material-ui/core/FormHelperText'; -import InputLabel from '@material-ui/core/InputLabel'; -import FormControl from '@material-ui/core/FormControl'; -import Radio from '@material-ui/core/Radio'; -import RadioGroup from '@material-ui/core/RadioGroup'; -import FormLabel from '@material-ui/core/FormLabel'; -import Select from '@material-ui/core/Select'; -import MenuItem from '@material-ui/core/MenuItem'; +import TextField from '@mui/core/TextField'; +import FormControlLabel from '@mui/core/FormControlLabel'; +import FormHelperText from '@mui/core/FormHelperText'; +import InputLabel from '@mui/core/InputLabel'; +import FormControl from '@mui/core/FormControl'; +import Radio from '@mui/core/Radio'; +import RadioGroup from '@mui/core/RadioGroup'; +import FormLabel from '@mui/core/FormLabel'; +import Select from '@mui/core/Select'; +import MenuItem from '@mui/core/MenuItem'; -import Alert from '@material-ui/lab/Alert'; -import Box from '@material-ui/core/Box'; +import Alert from '@mui/lab/Alert'; +import Box from '@mui/core/Box'; import NumberFormat from 'react-number-format'; diff --git a/frontend/components/ConnectWallet.js b/frontend/components/ConnectWallet.js index 8de91a2f6..498c2a208 100644 --- a/frontend/components/ConnectWallet.js +++ b/frontend/components/ConnectWallet.js @@ -1,16 +1,16 @@ import React from 'react'; -import { makeStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@mui/core/styles'; -import Button from '@material-ui/core/Button'; -import ClickAwayListener from '@material-ui/core/ClickAwayListener'; -import Grow from '@material-ui/core/Grow'; -import Paper from '@material-ui/core/Paper'; -import Popper from '@material-ui/core/Popper'; -import MenuItem from '@material-ui/core/MenuItem'; -import MenuList from '@material-ui/core/MenuList'; -import ListItemText from '@material-ui/core/ListItemText'; -import PersonIcon from '@material-ui/icons/Person'; +import Button from '@mui/core/Button'; +import ClickAwayListener from '@mui/core/ClickAwayListener'; +import Grow from '@mui/core/Grow'; +import Paper from '@mui/core/Paper'; +import Popper from '@mui/core/Popper'; +import MenuItem from '@mui/core/MenuItem'; +import MenuList from '@mui/core/MenuList'; +import ListItemText from '@mui/core/ListItemText'; +import PersonIcon from '@mui/icons/Person'; import { useEtherBalance, useTokenBalance, useEthers } from '@usedapp/core'; import { formatEther } from '@ethersproject/units'; diff --git a/frontend/components/ExchangeSessionTabPanel.js b/frontend/components/ExchangeSessionTabPanel.js index b7fdbdb42..1c3cf6f84 100644 --- a/frontend/components/ExchangeSessionTabPanel.js +++ b/frontend/components/ExchangeSessionTabPanel.js @@ -1,10 +1,10 @@ -import Paper from '@material-ui/core/Paper'; -import Tabs from '@material-ui/core/Tabs'; -import Tab from '@material-ui/core/Tab'; +import Paper from '@mui/core/Paper'; +import Tabs from '@mui/core/Tabs'; +import Tab from '@mui/core/Tab'; import React, { useEffect, useState } from 'react'; import { querySessions } from '../api/bbgo'; -import Typography from '@material-ui/core/Typography'; -import { makeStyles } from '@material-ui/core/styles'; +import Typography from '@mui/core/Typography'; +import { makeStyles } from '@mui/core/styles'; const useStyles = makeStyles((theme) => ({ paper: { diff --git a/frontend/components/ReviewSessions.js b/frontend/components/ReviewSessions.js index 47b1cc1c6..5fdda4eaf 100644 --- a/frontend/components/ReviewSessions.js +++ b/frontend/components/ReviewSessions.js @@ -1,14 +1,14 @@ import React from 'react'; -import Grid from '@material-ui/core/Grid'; -import Button from '@material-ui/core/Button'; -import Typography from '@material-ui/core/Typography'; -import List from '@material-ui/core/List'; -import ListItem from '@material-ui/core/ListItem'; -import ListItemText from '@material-ui/core/ListItemText'; -import ListItemIcon from '@material-ui/core/ListItemIcon'; -import PowerIcon from '@material-ui/icons/Power'; +import Grid from '@mui/core/Grid'; +import Button from '@mui/core/Button'; +import Typography from '@mui/core/Typography'; +import List from '@mui/core/List'; +import ListItem from '@mui/core/ListItem'; +import ListItemText from '@mui/core/ListItemText'; +import ListItemIcon from '@mui/core/ListItemIcon'; +import PowerIcon from '@mui/icons/Power'; -import { makeStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@mui/core/styles'; import { querySessions } from '../api/bbgo'; const useStyles = makeStyles((theme) => ({ diff --git a/frontend/components/ReviewStrategies.js b/frontend/components/ReviewStrategies.js index 423aae138..ffed55042 100644 --- a/frontend/components/ReviewStrategies.js +++ b/frontend/components/ReviewStrategies.js @@ -1,21 +1,21 @@ import React from 'react'; -import Button from '@material-ui/core/Button'; -import Typography from '@material-ui/core/Typography'; -import List from '@material-ui/core/List'; -import Card from '@material-ui/core/Card'; -import CardHeader from '@material-ui/core/CardHeader'; -import CardContent from '@material-ui/core/CardContent'; -import Avatar from '@material-ui/core/Avatar'; -import IconButton from '@material-ui/core/IconButton'; -import MoreVertIcon from '@material-ui/icons/MoreVert'; -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 Button from '@mui/core/Button'; +import Typography from '@mui/core/Typography'; +import List from '@mui/core/List'; +import Card from '@mui/core/Card'; +import CardHeader from '@mui/core/CardHeader'; +import CardContent from '@mui/core/CardContent'; +import Avatar from '@mui/core/Avatar'; +import IconButton from '@mui/core/IconButton'; +import MoreVertIcon from '@mui/icons/MoreVert'; +import Table from '@mui/core/Table'; +import TableBody from '@mui/core/TableBody'; +import TableCell from '@mui/core/TableCell'; +import TableContainer from '@mui/core/TableContainer'; +import TableHead from '@mui/core/TableHead'; +import TableRow from '@mui/core/TableRow'; -import { makeStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@mui/core/styles'; import { queryStrategies } from '../api/bbgo'; const useStyles = makeStyles((theme) => ({ diff --git a/frontend/components/SaveConfigAndRestart.js b/frontend/components/SaveConfigAndRestart.js index e549ca5ab..48d70de7e 100644 --- a/frontend/components/SaveConfigAndRestart.js +++ b/frontend/components/SaveConfigAndRestart.js @@ -1,14 +1,14 @@ import React from 'react'; import { useRouter } from 'next/router'; -import Button from '@material-ui/core/Button'; -import Typography from '@material-ui/core/Typography'; +import Button from '@mui/core/Button'; +import Typography from '@mui/core/Typography'; -import { makeStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@mui/core/styles'; import { ping, saveConfig, setupRestart } from '../api/bbgo'; -import Box from '@material-ui/core/Box'; -import Alert from '@material-ui/lab/Alert'; +import Box from '@mui/core/Box'; +import Alert from '@mui/lab/Alert'; const useStyles = makeStyles((theme) => ({ strategyCard: { diff --git a/frontend/components/SideBar.js b/frontend/components/SideBar.js index 65b56e7fd..13133b2de 100644 --- a/frontend/components/SideBar.js +++ b/frontend/components/SideBar.js @@ -1,15 +1,15 @@ -import Drawer from '@material-ui/core/Drawer'; -import Divider from '@material-ui/core/Divider'; -import List from '@material-ui/core/List'; +import Drawer from '@mui/core/Drawer'; +import Divider from '@mui/core/Divider'; +import List from '@mui/core/List'; import Link from 'next/link'; -import ListItem from '@material-ui/core/ListItem'; -import ListItemIcon from '@material-ui/core/ListItemIcon'; -import DashboardIcon from '@material-ui/icons/Dashboard'; -import ListItemText from '@material-ui/core/ListItemText'; -import ListIcon from '@material-ui/icons/List'; -import TrendingUpIcon from '@material-ui/icons/TrendingUp'; +import ListItem from '@mui/core/ListItem'; +import ListItemIcon from '@mui/core/ListItemIcon'; +import DashboardIcon from '@mui/icons/Dashboard'; +import ListItemText from '@mui/core/ListItemText'; +import ListIcon from '@mui/icons/List'; +import TrendingUpIcon from '@mui/icons/TrendingUp'; import React from 'react'; -import { makeStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@mui/core/styles'; const drawerWidth = 240; diff --git a/frontend/components/TotalAssetsDetails.js b/frontend/components/TotalAssetsDetails.js index 3dd9a20e0..02cede51c 100644 --- a/frontend/components/TotalAssetsDetails.js +++ b/frontend/components/TotalAssetsDetails.js @@ -1,12 +1,12 @@ import React from 'react'; -import CardContent from '@material-ui/core/CardContent'; -import Card from '@material-ui/core/Card'; -import { makeStyles } from '@material-ui/core/styles'; -import List from '@material-ui/core/List'; -import ListItem from '@material-ui/core/ListItem'; -import ListItemText from '@material-ui/core/ListItemText'; -import ListItemAvatar from '@material-ui/core/ListItemAvatar'; -import Avatar from '@material-ui/core/Avatar'; +import CardContent from '@mui/core/CardContent'; +import Card from '@mui/core/Card'; +import { makeStyles } from '@mui/core/styles'; +import List from '@mui/core/List'; +import ListItem from '@mui/core/ListItem'; +import ListItemText from '@mui/core/ListItemText'; +import ListItemAvatar from '@mui/core/ListItemAvatar'; +import Avatar from '@mui/core/Avatar'; const useStyles = makeStyles((theme) => ({ root: { diff --git a/frontend/components/TotalAssetsPie.js b/frontend/components/TotalAssetsPie.js index e9e3cf9a1..22268c330 100644 --- a/frontend/components/TotalAssetsPie.js +++ b/frontend/components/TotalAssetsPie.js @@ -3,9 +3,9 @@ import React, { useEffect, useState } from 'react'; import { ResponsivePie } from '@nivo/pie'; import { queryAssets } from '../api/bbgo'; import { currencyColor } from '../src/utils'; -import CardContent from '@material-ui/core/CardContent'; -import Card from '@material-ui/core/Card'; -import { makeStyles } from '@material-ui/core/styles'; +import CardContent from '@mui/core/CardContent'; +import Card from '@mui/core/Card'; +import { makeStyles } from '@mui/core/styles'; function reduceAssetsBy(assets, field, minimum) { let as = []; diff --git a/frontend/components/TotalAssetsSummary.js b/frontend/components/TotalAssetsSummary.js index 6d3779e5d..ece2186a8 100644 --- a/frontend/components/TotalAssetsSummary.js +++ b/frontend/components/TotalAssetsSummary.js @@ -1,8 +1,8 @@ import { useEffect, useState } from 'react'; -import Card from '@material-ui/core/Card'; -import CardContent from '@material-ui/core/CardContent'; -import Typography from '@material-ui/core/Typography'; -import { makeStyles } from '@material-ui/core/styles'; +import Card from '@mui/core/Card'; +import CardContent from '@mui/core/CardContent'; +import Typography from '@mui/core/Typography'; +import { makeStyles } from '@mui/core/styles'; function aggregateAssetsBy(assets, field) { let total = 0.0; diff --git a/frontend/components/TradingVolumePanel.js b/frontend/components/TradingVolumePanel.js index 4e493c3cc..c6a22025e 100644 --- a/frontend/components/TradingVolumePanel.js +++ b/frontend/components/TradingVolumePanel.js @@ -1,12 +1,12 @@ -import Paper from '@material-ui/core/Paper'; -import Box from '@material-ui/core/Box'; -import Tabs from '@material-ui/core/Tabs'; -import Tab from '@material-ui/core/Tab'; +import Paper from '@mui/core/Paper'; +import Box from '@mui/core/Box'; +import Tabs from '@mui/core/Tabs'; +import Tab from '@mui/core/Tab'; import React from 'react'; import TradingVolumeBar from './TradingVolumeBar'; -import { makeStyles } from '@material-ui/core/styles'; -import Grid from '@material-ui/core/Grid'; -import Typography from '@material-ui/core/Typography'; +import { makeStyles } from '@mui/core/styles'; +import Grid from '@mui/core/Grid'; +import Typography from '@mui/core/Typography'; const useStyles = makeStyles((theme) => ({ tradingVolumeBarBox: { diff --git a/frontend/layouts/DashboardLayout.js b/frontend/layouts/DashboardLayout.js index 24b814213..639889a0b 100644 --- a/frontend/layouts/DashboardLayout.js +++ b/frontend/layouts/DashboardLayout.js @@ -1,10 +1,10 @@ import React from 'react'; -import { makeStyles } from '@material-ui/core/styles'; -import AppBar from '@material-ui/core/AppBar'; -import Toolbar from '@material-ui/core/Toolbar'; -import Typography from '@material-ui/core/Typography'; -import Container from '@material-ui/core/Container'; +import { makeStyles } from '@mui/core/styles'; +import AppBar from '@mui/core/AppBar'; +import Toolbar from '@mui/core/Toolbar'; +import Typography from '@mui/core/Typography'; +import Container from '@mui/core/Container'; import SideBar from '../components/SideBar'; diff --git a/frontend/layouts/PlainLayout.js b/frontend/layouts/PlainLayout.js index 51eeaa1e8..d363d3374 100644 --- a/frontend/layouts/PlainLayout.js +++ b/frontend/layouts/PlainLayout.js @@ -1,10 +1,10 @@ import React from 'react'; -import { makeStyles } from '@material-ui/core/styles'; -import AppBar from '@material-ui/core/AppBar'; -import Toolbar from '@material-ui/core/Toolbar'; -import Typography from '@material-ui/core/Typography'; -import Container from '@material-ui/core/Container'; +import { makeStyles } from '@mui/core/styles'; +import AppBar from '@mui/core/AppBar'; +import Toolbar from '@mui/core/Toolbar'; +import Typography from '@mui/core/Typography'; +import Container from '@mui/core/Container'; const useStyles = makeStyles((theme) => ({ root: { diff --git a/frontend/pages/_app.tsx b/frontend/pages/_app.tsx index b785025b8..4c9d9c3a4 100644 --- a/frontend/pages/_app.tsx +++ b/frontend/pages/_app.tsx @@ -2,16 +2,16 @@ import React from 'react'; import PropTypes from 'prop-types'; import Head from 'next/head'; -import { ThemeProvider } from '@material-ui/core/styles'; +import { ThemeProvider } from '@mui/core/styles'; -import Dialog from '@material-ui/core/Dialog'; -import DialogContent from '@material-ui/core/DialogContent'; -import DialogContentText from '@material-ui/core/DialogContentText'; -import DialogTitle from '@material-ui/core/DialogTitle'; -import LinearProgress from '@material-ui/core/LinearProgress'; -import Box from '@material-ui/core/Box'; +import Dialog from '@mui/core/Dialog'; +import DialogContent from '@mui/core/DialogContent'; +import DialogContentText from '@mui/core/DialogContentText'; +import DialogTitle from '@mui/core/DialogTitle'; +import LinearProgress from '@mui/core/LinearProgress'; +import Box from '@mui/core/Box'; -import CssBaseline from '@material-ui/core/CssBaseline'; +import CssBaseline from '@mui/core/CssBaseline'; import theme from '../src/theme'; import '../styles/globals.css'; import { querySessions, querySyncStatus } from '../api/bbgo'; diff --git a/frontend/pages/_document.js b/frontend/pages/_document.js index a2df0304a..72d1a1fdd 100644 --- a/frontend/pages/_document.js +++ b/frontend/pages/_document.js @@ -1,7 +1,7 @@ /* eslint-disable react/jsx-filename-extension */ import React from 'react'; import Document, { Html, Head, Main, NextScript } from 'next/document'; -import { ServerStyleSheets } from '@material-ui/styles'; +import { ServerStyleSheets } from '@mui/styles'; import theme from '../src/theme'; export default class MyDocument extends Document { diff --git a/frontend/pages/connect/index.js b/frontend/pages/connect/index.js index 30e1f7d42..85177edb4 100644 --- a/frontend/pages/connect/index.js +++ b/frontend/pages/connect/index.js @@ -1,8 +1,8 @@ import React, { useEffect, useState } from 'react'; -import { makeStyles } from '@material-ui/core/styles'; -import Typography from '@material-ui/core/Typography'; -import Paper from '@material-ui/core/Paper'; +import { makeStyles } from '@mui/core/styles'; +import Typography from '@mui/core/Typography'; +import Paper from '@mui/core/Paper'; import PlainLayout from '../../layouts/PlainLayout'; import { QRCodeSVG } from 'qrcode.react'; import { queryOutboundIP } from '../../api/bbgo'; diff --git a/frontend/pages/index.tsx b/frontend/pages/index.tsx index 3f6a9e70a..a7dbd93d3 100644 --- a/frontend/pages/index.tsx +++ b/frontend/pages/index.tsx @@ -1,11 +1,11 @@ import React, { useState } from 'react'; import { useRouter } from 'next/router'; -import { makeStyles } from '@material-ui/core/styles'; -import Typography from '@material-ui/core/Typography'; -import Box from '@material-ui/core/Box'; -import Grid from '@material-ui/core/Grid'; -import Paper from '@material-ui/core/Paper'; +import { makeStyles } from '@mui/core/styles'; +import Typography from '@mui/core/Typography'; +import Box from '@mui/core/Box'; +import Grid from '@mui/core/Grid'; +import Paper from '@mui/core/Paper'; import TotalAssetsPie from '../components/TotalAssetsPie'; import TotalAssetSummary from '../components/TotalAssetsSummary'; diff --git a/frontend/pages/orders.js b/frontend/pages/orders.js index b1750303c..97d071139 100644 --- a/frontend/pages/orders.js +++ b/frontend/pages/orders.js @@ -1,10 +1,10 @@ import React, { useEffect, useState } from 'react'; -import { makeStyles } from '@material-ui/core/styles'; -import Typography from '@material-ui/core/Typography'; -import Paper from '@material-ui/core/Paper'; +import { makeStyles } from '@mui/core/styles'; +import Typography from '@mui/core/Typography'; +import Paper from '@mui/core/Paper'; import { queryClosedOrders } from '../api/bbgo'; -import { DataGrid } from '@material-ui/data-grid'; +import { DataGrid } from '@mui/data-grid'; import DashboardLayout from '../layouts/DashboardLayout'; const columns = [ diff --git a/frontend/pages/setup/index.js b/frontend/pages/setup/index.js index bcdc81505..39821546e 100644 --- a/frontend/pages/setup/index.js +++ b/frontend/pages/setup/index.js @@ -1,12 +1,12 @@ import React from 'react'; -import { makeStyles } from '@material-ui/core/styles'; -import Typography from '@material-ui/core/Typography'; -import Box from '@material-ui/core/Box'; -import Paper from '@material-ui/core/Paper'; -import Stepper from '@material-ui/core/Stepper'; -import Step from '@material-ui/core/Step'; -import StepLabel from '@material-ui/core/StepLabel'; +import { makeStyles } from '@mui/core/styles'; +import Typography from '@mui/core/Typography'; +import Box from '@mui/core/Box'; +import Paper from '@mui/core/Paper'; +import Stepper from '@mui/core/Stepper'; +import Step from '@mui/core/Step'; +import StepLabel from '@mui/core/StepLabel'; import ConfigureDatabaseForm from '../../components/ConfigureDatabaseForm'; import AddExchangeSessionForm from '../../components/AddExchangeSessionForm'; diff --git a/frontend/pages/trades.js b/frontend/pages/trades.js index 33218cd12..e74c4818b 100644 --- a/frontend/pages/trades.js +++ b/frontend/pages/trades.js @@ -1,10 +1,10 @@ import React, { useEffect, useState } from 'react'; -import { makeStyles } from '@material-ui/core/styles'; -import Typography from '@material-ui/core/Typography'; -import Paper from '@material-ui/core/Paper'; +import { makeStyles } from '@mui/core/styles'; +import Typography from '@mui/core/Typography'; +import Paper from '@mui/core/Paper'; import { queryTrades } from '../api/bbgo'; -import { DataGrid } from '@material-ui/data-grid'; +import { DataGrid } from '@mui/data-grid'; import DashboardLayout from '../layouts/DashboardLayout'; const columns = [ diff --git a/frontend/src/theme.js b/frontend/src/theme.js index cf3475595..8a9c0779a 100644 --- a/frontend/src/theme.js +++ b/frontend/src/theme.js @@ -1,5 +1,5 @@ -import { createTheme } from '@material-ui/core/styles'; -import { red } from '@material-ui/core/colors'; +import { createTheme } from '@mui/core/styles'; +import { red } from '@mui/core/colors'; // Create a theme instance. const theme = createTheme({