+
+
+
+
+
+
+ {renderLogo(config)}
+ {config.nflowEndpoints.length > 1 && (
)}
-
-
-
-
+
+
+
+
+
);
diff --git a/nflow-explorer/src/component/ObjectTable.tsx b/nflow-explorer/src/component/ObjectTable.tsx
index 5feb901c0..985c32bfa 100644
--- a/nflow-explorer/src/component/ObjectTable.tsx
+++ b/nflow-explorer/src/component/ObjectTable.tsx
@@ -6,7 +6,7 @@ import {
TableRow,
TableCell,
TableContainer
-} from '@material-ui/core';
+} from '@mui/material';
// https://material-ui.com/components/tables/
interface Column {
diff --git a/nflow-explorer/src/component/ReturnLink.tsx b/nflow-explorer/src/component/ReturnLink.tsx
index aa9fb121a..4e226fcaa 100644
--- a/nflow-explorer/src/component/ReturnLink.tsx
+++ b/nflow-explorer/src/component/ReturnLink.tsx
@@ -1,6 +1,5 @@
import React, {useState} from 'react';
-import Link from '@material-ui/core/Link';
-import Grid from '@material-ui/core/Grid';
+import {Grid, Link} from '@mui/material';
import {useLocation} from 'react-router-dom';
/*
diff --git a/nflow-explorer/src/component/Selection.tsx b/nflow-explorer/src/component/Selection.tsx
index d55ff56b8..a958ccd91 100644
--- a/nflow-explorer/src/component/Selection.tsx
+++ b/nflow-explorer/src/component/Selection.tsx
@@ -1,13 +1,6 @@
import React from 'react';
-import {Select, FormControl, InputLabel, MenuItem} from '@material-ui/core';
-import {makeStyles} from '@material-ui/core/styles';
-
-const useStyles = makeStyles(theme => ({
- root: {
- margin: theme.spacing(1)
- }
-}));
+import {Select, FormControl, InputLabel, MenuItem} from '@mui/material';
// TODO check if this index business is needed?
let index = 0;
@@ -18,14 +11,9 @@ function Selection(props: {
onChange: (v: string) => any;
getSelectionLabel: (v: string) => any;
}) {
- // TODO https://github.com/mui-org/material-ui/issues/13394
- // will log ugly warning in dev first time the popup is opened
- // Material-UI v5 should fix this. Does not appear in prod.
- const classes = useStyles();
-
let currentIndex = ++index;
return (
-
+
{props.label}