mirrors/object-browser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use MDS's PageHeader (#2618)

Browse Source
This commit is contained in:
Javier Adriel
2023-01-31 17:37:56 -06:00
committed by GitHub
parent 8d51fe60f4
commit 4a2915a62b
60 changed files with 59 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
portal-ui/src/screens/Console/Account/Account.tsx
View File

@@ -15,7 +15,7 @@
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React, { Fragment, useEffect, useState } from "react";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import { useSelector } from "react-redux";
import { useNavigate } from "react-router-dom";
import { Theme } from "@mui/material/styles";
@@ -27,7 +27,6 @@ import { Box } from "@mui/material";
import { AccountIcon, AddIcon, DeleteIcon, PasswordKeyIcon } from "mds";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import { stringSort } from "../../../utils/sortFunctions";
import PageHeader from "../Common/PageHeader/PageHeader";
import {
actionsTray,
containerForHeader,

3
portal-ui/src/screens/Console/Account/AddServiceAccountScreen.tsx
View File

@@ -17,7 +17,7 @@
import React, { Fragment, useEffect, useState } from "react";
import { Theme } from "@mui/material/styles";
import { useNavigate } from "react-router-dom";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import {
@@ -32,7 +32,6 @@ import {
ServiceAccountCredentialsIcon,
} from "mds";
import CodeMirrorWrapper from "../Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper";
import PageHeader from "../Common/PageHeader/PageHeader";
import PageLayout from "../Common/Layout/PageLayout";
import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import FormSwitchWrapper from "../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";

3
portal-ui/src/screens/Console/Buckets/BucketDetails/BucketDetails.tsx
View File

@@ -23,7 +23,7 @@ import {
useNavigate,
useParams,
} from "react-router-dom";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import { useSelector } from "react-redux";
import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
@@ -39,7 +39,6 @@ import {
searchField,
} from "../../Common/FormComponents/common/styleLibrary";
import { ErrorResponseHandler } from "../../../../common/types";
import PageHeader from "../../Common/PageHeader/PageHeader";
import ScreenTitle from "../../Common/ScreenTitle/ScreenTitle";
import { Box } from "@mui/material";

3
portal-ui/src/screens/Console/Buckets/ListBuckets/AddBucket/AddBucket.tsx
View File

@@ -19,7 +19,7 @@ import Grid from "@mui/material/Grid";
import { LinearProgress } from "@mui/material";
import { Theme } from "@mui/material/styles";
import { useNavigate } from "react-router-dom";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { containerForHeader } from "../../../Common/FormComponents/common/styleLibrary";
@@ -29,7 +29,6 @@ import { k8sScalarUnitsExcluding } from "../../../../../common/utils";
import { AppState, useAppDispatch } from "../../../../../store";
import { useSelector } from "react-redux";
import FormSwitchWrapper from "../../../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";
import PageHeader from "../../../Common/PageHeader/PageHeader";
import BackLink from "../../../../../common/BackLink";
import { BucketsIcon, InfoIcon } from "mds";
import { setErrorSnackMessage } from "../../../../../systemSlice";

3
portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx
View File

@@ -18,7 +18,7 @@ import React, { Fragment, useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
import { Theme } from "@mui/material/styles";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { LinearProgress } from "@mui/material";
@@ -39,7 +39,6 @@ import {
} from "../../Common/FormComponents/common/styleLibrary";
import { ErrorResponseHandler } from "../../../../common/types";
import api from "../../../../common/api";
import PageHeader from "../../Common/PageHeader/PageHeader";
import BucketListItem from "./BucketListItem";
import BulkReplicationModal from "./BulkReplicationModal";
import { SecureComponent } from "../../../../common/SecureComponent";

2
portal-ui/src/screens/Console/Common/Components/FeatureNotAvailablePage.tsx
View File

@@ -1,7 +1,7 @@
import PageHeader from "../PageHeader/PageHeader";
import React from "react";
import FeatureNotAvailable from "./FeatureNotAvailable";
import PageLayout from "../Layout/PageLayout";
import { PageHeader } from "mds";
const FeatureNotAvailablePage = ({
pageHeaderText = "",

3
portal-ui/src/screens/Console/Common/ComponentsScreen.tsx
View File

@@ -20,10 +20,9 @@ import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { DialogContentText, Grid } from "@mui/material";
import PageHeader from "./PageHeader/PageHeader";
import PageLayout from "./Layout/PageLayout";
import SectionTitle from "./SectionTitle";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import { ConfirmDeleteIcon } from "mds";
import ConfirmDialog from "./ModalWrapper/ConfirmDialog";

164
portal-ui/src/screens/Console/Common/PageHeader/PageHeader.tsx
View File

@@ -1,164 +0,0 @@
// This file is part of MinIO Console Server
// Copyright (c) 2022 MinIO, Inc.
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React, { Fragment } from "react";
import { Theme } from "@mui/material/styles";
import { useSelector } from "react-redux";
import Grid from "@mui/material/Grid";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { AppState } from "../../../../store";
import { ApplicationLogo } from "mds";
import { Box } from "@mui/material";
import { selFeatures } from "../../consoleSlice";
import { selDirectPVMode, selOpMode } from "../../../../systemSlice";
import ObjectManagerButton from "../ObjectManager/ObjectManagerButton";
import { getLogoVar } from "../../../../config";
const styles = (theme: Theme) =>
createStyles({
headerContainer: {
width: "100%",
minHeight: 83,
display: "flex",
backgroundColor: "#fff",
left: 0,
borderBottom: "1px solid #E5E5E5",
},
label: {
display: "flex",
justifyContent: "flex-start",
alignItems: "center",
},
rightMenu: {
display: "flex",
justifyContent: "flex-end",
paddingRight: 20,
"& button": {
marginLeft: 8,
},
},
logo: {
marginLeft: 34,
"& svg": {
width: 150,
},
},
middleComponent: {
display: "flex",
justifyContent: "center",
alignItems: "center",
},
});
interface IPageHeader {
classes: any;
label: any;
actions?: any;
middleComponent?: React.ReactNode;
}
const PageHeader = ({
classes,
label,
actions,
middleComponent,
}: IPageHeader) => {
const sidebarOpen = useSelector(
(state: AppState) => state.system.sidebarOpen
);
const operatorMode = useSelector(selOpMode);
const directPVMode = useSelector(selDirectPVMode);
const features = useSelector(selFeatures);
if (features.includes("hide-menu")) {
return <Fragment />;
}
return (
<Grid
container
className={`${classes.headerContainer} page-header`}
direction="row"
alignItems="center"
>
<Grid
item
xs={12}
sm={12}
md={middleComponent ? 4 : 6}
className={classes.label}
sx={{
paddingTop: ["15px", "15px", "0", "0"],
}}
>
{!sidebarOpen && (
<div className={classes.logo}>
{!operatorMode && !directPVMode ? (
<ApplicationLogo
applicationName={"console"}
subVariant={getLogoVar()}
/>
) : (
<Fragment>
{directPVMode ? (
<ApplicationLogo applicationName={"directpv"} />
) : (
<ApplicationLogo applicationName={"operator"} />
)}
</Fragment>
)}
</div>
)}
<Box
sx={{
color: "#000",
fontSize: 18,
fontWeight: 700,
marginLeft: "21px",
display: "flex",
}}
>
{label}
</Box>
</Grid>
{middleComponent && (
<Grid
item
xs={12}
sm={12}
md={4}
className={classes.middleComponent}
sx={{ marginTop: ["10px", "10px", "0", "0"] }}
>
{middleComponent}
</Grid>
)}
<Grid
item
xs={12}
sm={12}
md={middleComponent ? 4 : 6}
className={classes.rightMenu}
>
{actions && actions}
<ObjectManagerButton />
</Grid>
</Grid>
);
};
export default withStyles(styles)(PageHeader);

3
portal-ui/src/screens/Console/Configurations/ConfigurationPanels/ConfigurationOptions.tsx
View File

@@ -26,8 +26,7 @@ import {
containerForHeader,
searchField,
} from "../../Common/FormComponents/common/styleLibrary";
import PageHeader from "../../Common/PageHeader/PageHeader";
import { HelpBox, SettingsIcon } from "mds";
import { HelpBox, PageHeader, SettingsIcon } from "mds";
import { Link, Navigate, Route, Routes, useLocation } from "react-router-dom";
import VerticalTabs from "../../Common/VerticalTabs/VerticalTabs";
import PageLayout from "../../Common/Layout/PageLayout";

3
portal-ui/src/screens/Console/Configurations/SiteReplication/AddReplicationSites.tsx
View File

@@ -18,10 +18,9 @@ import React, { Fragment, useEffect, useState } from "react";
import Grid from "@mui/material/Grid";
import { Box, LinearProgress } from "@mui/material";
import { useNavigate } from "react-router-dom";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import useApi from "../../Common/Hooks/useApi";
import { ClustersIcon } from "mds";
import PageHeader from "../../Common/PageHeader/PageHeader";
import BackLink from "../../../../common/BackLink";
import { IAM_PAGES } from "../../../../common/SecureComponent/permissions";
import PageLayout from "../../Common/Layout/PageLayout";

3
portal-ui/src/screens/Console/Configurations/SiteReplication/SiteReplication.tsx
View File

@@ -18,11 +18,10 @@ import React, { Fragment, useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
import { Box, DialogContentText, Grid } from "@mui/material";
import PageHeader from "../../Common/PageHeader/PageHeader";
import PageLayout from "../../Common/Layout/PageLayout";
import useApi from "../../Common/Hooks/useApi";
import ReplicationSites from "./ReplicationSites";
import { Button, HelpBox, Loader } from "mds";
import { Button, HelpBox, Loader, PageHeader } from "mds";
import {
AddIcon,
ClustersIcon,

3
portal-ui/src/screens/Console/Configurations/SiteReplication/SiteReplicationStatus.tsx
View File

@@ -16,8 +16,7 @@
import React, { Fragment, useEffect, useState } from "react";
import { Box, Grid } from "@mui/material";
import { Button } from "mds";
import PageHeader from "../../Common/PageHeader/PageHeader";
import { Button, PageHeader } from "mds";
import PageLayout from "../../Common/Layout/PageLayout";
import useApi from "../../Common/Hooks/useApi";
import BackLink from "../../../../common/BackLink";

3
portal-ui/src/screens/Console/Configurations/TiersConfiguration/AddTierConfiguration.tsx
View File

@@ -20,7 +20,7 @@ import { useNavigate, useParams } from "react-router-dom";
import get from "lodash/get";
import Grid from "@mui/material/Grid";
import { Theme } from "@mui/material/styles";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { Box } from "@mui/material";
@@ -34,7 +34,6 @@ import { ErrorResponseHandler } from "../../../../common/types";
import api from "../../../../common/api";
import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import FileSelector from "../../Common/FormComponents/FileSelector/FileSelector";
import PageHeader from "../../Common/PageHeader/PageHeader";
import {
azureServiceName,
gcsServiceName,

3
portal-ui/src/screens/Console/Configurations/TiersConfiguration/ListTiersConfiguration.tsx
View File

@@ -21,7 +21,7 @@ import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { Box, LinearProgress } from "@mui/material";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import Grid from "@mui/material/Grid";
import {
actionsTray,
@@ -39,7 +39,6 @@ import api from "../../../../common/api";
import TableWrapper from "../../Common/TableWrapper/TableWrapper";
import { RefreshIcon } from "mds";
import PageHeader from "../../Common/PageHeader/PageHeader";
import AButton from "../../Common/AButton/AButton";
import PageLayout from "../../Common/Layout/PageLayout";
import SearchBox from "../../Common/SearchBox";

3
portal-ui/src/screens/Console/Configurations/TiersConfiguration/TierTypeSelector.tsx
View File

@@ -19,11 +19,10 @@ import { useNavigate } from "react-router-dom";
import { Box } from "@mui/material";
import { tierTypes } from "./utils";
import { IAM_PAGES } from "../../../../common/SecureComponent/permissions";
import PageHeader from "../../Common/PageHeader/PageHeader";
import BackLink from "../../../../common/BackLink";
import PageLayout from "../../Common/Layout/PageLayout";
import TierTypeCard from "./TierTypeCard";
import { HelpBox, TiersIcon } from "mds";
import { HelpBox, PageHeader, TiersIcon } from "mds";
import FormLayout from "../../Common/FormLayout";
const TierTypeSelector = () => {

2
portal-ui/src/screens/Console/Dashboard/Dashboard.tsx
View File

@@ -16,7 +16,6 @@
import React, { Fragment, useEffect, useState } from "react";
import PrDashboard from "./Prometheus/PrDashboard";
import PageHeader from "../Common/PageHeader/PageHeader";
import Grid from "@mui/material/Grid";
import { containerForHeader } from "../Common/FormComponents/common/styleLibrary";
import { Theme } from "@mui/material/styles";
@@ -26,6 +25,7 @@ import { LinearProgress } from "@mui/material";
import { AppState, useAppDispatch } from "../../../store";
import { getUsageAsync } from "./dashboardThunks";
import { useSelector } from "react-redux";
import { PageHeader } from "mds";
interface IDashboardSimple {
classes: any;

3
portal-ui/src/screens/Console/DirectPV/DirectPVDrives.tsx
View File

@@ -16,7 +16,7 @@
import React, { Fragment, useEffect, useState } from "react";
import { Theme } from "@mui/material/styles";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { Grid, InputAdornment, TextField } from "@mui/material";
@@ -40,7 +40,6 @@ import TableWrapper from "../Common/TableWrapper/TableWrapper";
import { RefreshIcon, SearchIcon } from "mds";
import withSuspense from "../Common/Components/withSuspense";
import PageHeader from "../Common/PageHeader/PageHeader";
import PageLayout from "../Common/Layout/PageLayout";
const FormatDrives = withSuspense(React.lazy(() => import("./FormatDrives")));

3
portal-ui/src/screens/Console/DirectPV/DirectPVVolumes.tsx
View File

@@ -33,8 +33,7 @@ import { ErrorResponseHandler } from "../../../common/types";
import { setErrorSnackMessage } from "../../../systemSlice";
import api from "../../../common/api";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import { SearchIcon } from "mds";
import PageHeader from "../Common/PageHeader/PageHeader";
import { PageHeader, SearchIcon } from "mds";
import PageLayout from "../Common/Layout/PageLayout";
interface IDirectPVVolumesProps {

3
portal-ui/src/screens/Console/Groups/AddGroupScreen.tsx
View File

@@ -25,8 +25,7 @@ import {
} from "../Common/FormComponents/common/styleLibrary";
import Grid from "@mui/material/Grid";
import { LinearProgress } from "@mui/material";
import { Button } from "mds";
import PageHeader from "../Common/PageHeader/PageHeader";
import { Button, PageHeader } from "mds";
import PageLayout from "../Common/Layout/PageLayout";
import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import AddGroupHelpBox from "./AddGroupHelpBox";

2
portal-ui/src/screens/Console/Groups/GroupDetailsHeader.tsx
View File

@@ -1,10 +1,10 @@
import React, { Fragment } from "react";
import PageHeader from "../Common/PageHeader/PageHeader";
import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { IAM_PAGES } from "../../../common/SecureComponent/permissions";
import BackLink from "../../../common/BackLink";
import { PageHeader } from "mds";
const styles = (theme: Theme) => createStyles({});

3
portal-ui/src/screens/Console/Groups/Groups.tsx
View File

@@ -17,7 +17,7 @@
import React, { Fragment, useEffect, useState } from "react";
import { Theme } from "@mui/material/styles";
import { useNavigate } from "react-router-dom";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import Grid from "@mui/material/Grid";
@@ -41,7 +41,6 @@ import {
import { ErrorResponseHandler } from "../../../common/types";
import api from "../../../common/api";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import PageHeader from "../Common/PageHeader/PageHeader";
import AButton from "../Common/AButton/AButton";
import PageLayout from "../Common/Layout/PageLayout";
import SearchBox from "../Common/SearchBox";

3
portal-ui/src/screens/Console/Heal/Heal.tsx
View File

@@ -27,7 +27,7 @@ import {
} from "@mui/material";
import { IMessageEvent, w3cwebsocket as W3CWebSocket } from "websocket";
import { Theme } from "@mui/material/styles";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { wsProtocol } from "../../../utils/wsUtils";
@@ -47,7 +47,6 @@ import {
import { ErrorResponseHandler } from "../../../common/types";
import { HealIcon } from "mds";
import CheckboxWrapper from "../Common/FormComponents/CheckboxWrapper/CheckboxWrapper";
import PageHeader from "../Common/PageHeader/PageHeader";
import api from "../../../common/api";
import PageLayout from "../Common/Layout/PageLayout";
import { SecureComponent } from "../../../common/SecureComponent";

3
portal-ui/src/screens/Console/HealthInfo/HealthInfo.tsx
View File

@@ -23,7 +23,7 @@ import {
import { AppState, useAppDispatch } from "../../../store";
import { useSelector } from "react-redux";
import { useNavigate } from "react-router-dom";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import {
DiagStatError,
DiagStatInProgress,
@@ -45,7 +45,6 @@ import {
containerForHeader,
} from "../Common/FormComponents/common/styleLibrary";
import { Grid } from "@mui/material";
import PageHeader from "../Common/PageHeader/PageHeader";
import TestWrapper from "../Common/TestWrapper/TestWrapper";
import PageLayout from "../Common/Layout/PageLayout";

3
portal-ui/src/screens/Console/IDP/AddIDPConfiguration.tsx
View File

@@ -25,7 +25,7 @@ import {
modalBasic,
} from "../Common/FormComponents/common/styleLibrary";
import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import { useNavigate } from "react-router-dom";
import { ErrorResponseHandler } from "../../../common/types";
import { useAppDispatch } from "../../../store";
@@ -34,7 +34,6 @@ import {
setServerNeedsRestart,
} from "../../../systemSlice";
import useApi from "../Common/Hooks/useApi";
import PageHeader from "../Common/PageHeader/PageHeader";
import BackLink from "../../../common/BackLink";
import PageLayout from "../Common/Layout/PageLayout";
import SectionTitle from "../Common/SectionTitle";

3
portal-ui/src/screens/Console/IDP/IDPConfigurationDetails.tsx
View File

@@ -29,7 +29,7 @@ import {
pageContentStyles,
searchField,
} from "../Common/FormComponents/common/styleLibrary";
import { EditIcon, RefreshIcon, TrashIcon } from "mds";
import { EditIcon, PageHeader, RefreshIcon, TrashIcon } from "mds";
import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import { Button } from "mds";
import { useNavigate, useParams } from "react-router-dom";
@@ -42,7 +42,6 @@ import {
import useApi from "../Common/Hooks/useApi";
import api from "../../../common/api";
import PageLayout from "../Common/Layout/PageLayout";
import PageHeader from "../Common/PageHeader/PageHeader";
import BackLink from "../../../common/BackLink";
import ScreenTitle from "../Common/ScreenTitle/ScreenTitle";
import DeleteIDPConfigurationModal from "./DeleteIDPConfigurationModal";

3
portal-ui/src/screens/Console/IDP/IDPConfigurations.tsx
View File

@@ -32,12 +32,11 @@ import {
import api from "../../../common/api";
import { ErrorResponseHandler } from "../../../common/types";
import { setErrorSnackMessage } from "../../../systemSlice";
import PageHeader from "../Common/PageHeader/PageHeader";
import PageLayout from "../Common/Layout/PageLayout";
import { containerForHeader } from "../Common/FormComponents/common/styleLibrary";
import { Grid } from "@mui/material";
import TooltipWrapper from "../Common/TooltipWrapper/TooltipWrapper";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import { AddIcon, RefreshIcon } from "mds";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import DeleteIDPConfigurationModal from "./DeleteIDPConfigurationModal";

2
portal-ui/src/screens/Console/KMS/AddKey.tsx
View File

@@ -17,7 +17,6 @@
import React, { Fragment } from "react";
import Grid from "@mui/material/Grid";
import PageHeader from "../Common/PageHeader/PageHeader";
import BackLink from "../../../common/BackLink";
import { IAM_PAGES } from "../../../common/SecureComponent/permissions";
import { ErrorResponseHandler } from "../../../common/types";
@@ -25,6 +24,7 @@ import { setErrorSnackMessage } from "../../../systemSlice";
import { useNavigate } from "react-router-dom";
import { useAppDispatch } from "../../../store";
import AddKeyForm from "./AddKeyForm";
import { PageHeader } from "mds";
const AddKey = () => {
const dispatch = useAppDispatch();

3
portal-ui/src/screens/Console/KMS/ImportKey.tsx
View File

@@ -18,8 +18,7 @@ import React, { Fragment, useState } from "react";
import { Box } from "@mui/material";
import Grid from "@mui/material/Grid";
import { AddAccessRuleIcon, Button } from "mds";
import PageHeader from "../Common/PageHeader/PageHeader";
import { AddAccessRuleIcon, Button, PageHeader } from "mds";
import PageLayout from "../Common/Layout/PageLayout";
import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import BackLink from "../../../common/BackLink";

3
portal-ui/src/screens/Console/KMS/ListKeys.tsx
View File

@@ -16,7 +16,7 @@
import { Grid, Theme } from "@mui/material";
import { createStyles, withStyles } from "@mui/styles";
import { AddIcon, Button, RefreshIcon, UploadIcon } from "mds";
import { AddIcon, Button, PageHeader, RefreshIcon, UploadIcon } from "mds";
import React, { useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
import api from "../../../common/api";
@@ -38,7 +38,6 @@ import {
searchField,
} from "../Common/FormComponents/common/styleLibrary";
import PageLayout from "../Common/Layout/PageLayout";
import PageHeader from "../Common/PageHeader/PageHeader";
import SearchBox from "../Common/SearchBox";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import TooltipWrapper from "../Common/TooltipWrapper/TooltipWrapper";

3
portal-ui/src/screens/Console/KMS/Status.tsx
View File

@@ -19,7 +19,6 @@ import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { Box, Grid } from "@mui/material";
import PageHeader from "../Common/PageHeader/PageHeader";
import PageLayout from "../Common/Layout/PageLayout";
import api from "../../../common/api";
@@ -50,7 +49,7 @@ import {
XAxis,
YAxis,
} from "recharts";
import { DisabledIcon, EnabledIcon } from "mds";
import { DisabledIcon, EnabledIcon, PageHeader } from "mds";
const styles = (theme: Theme) => createStyles({});

3
portal-ui/src/screens/Console/License/License.tsx
View File

@@ -19,9 +19,8 @@ import { useSelector } from "react-redux";
import { LinearProgress } from "@mui/material";
import Grid from "@mui/material/Grid";
import { SubnetInfo } from "./types";
import PageHeader from "../Common/PageHeader/PageHeader";
import api from "../../../common/api";
import { ArrowIcon, Button } from "mds";
import { ArrowIcon, Button, PageHeader } from "mds";
import { IAM_PAGES } from "../../../common/SecureComponent/permissions";
import LicensePlans from "./LicensePlans";
import { useNavigate } from "react-router-dom";

3
portal-ui/src/screens/Console/Logs/ErrorLogs/ErrorLogs.tsx
View File

@@ -16,7 +16,7 @@
import React, { Fragment, useEffect, useState } from "react";
import { IMessageEvent, w3cwebsocket as W3CWebSocket } from "websocket";
import { Theme } from "@mui/material/styles";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { useSelector } from "react-redux";
@@ -35,7 +35,6 @@ import {
logsCommon,
searchField,
} from "../../Common/FormComponents/common/styleLibrary";
import PageHeader from "../../Common/PageHeader/PageHeader";
import PageLayout from "../../Common/Layout/PageLayout";
import SearchBox from "../../Common/SearchBox";
import Paper from "@mui/material/Paper";

3
portal-ui/src/screens/Console/Logs/LogSearch/LogsSearchMain.tsx
View File

@@ -16,7 +16,7 @@
import React, { Fragment, useCallback, useEffect, useState } from "react";
import { useSelector } from "react-redux";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import { Theme } from "@mui/material/styles";
import { Grid } from "@mui/material";
import get from "lodash/get";
@@ -37,7 +37,6 @@ import FilterInputWrapper from "../../Common/FormComponents/FilterInputWrapper/F
import LogSearchFullModal from "./LogSearchFullModal";
import { LogSearchColumnLabels } from "./utils";
import DateRangeSelector from "../../Common/FormComponents/DateRangeSelector/DateRangeSelector";
import PageHeader from "../../Common/PageHeader/PageHeader";
import PageLayout from "../../Common/Layout/PageLayout";
import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
import {

2
portal-ui/src/screens/Console/Marketplace/Marketplace.tsx
View File

@@ -15,7 +15,6 @@
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React, { Fragment, useEffect, useState } from "react";
import PageHeader from "../Common/PageHeader/PageHeader";
import SetEmailModal from "./SetEmailModal";
import PageLayout from "../Common/Layout/PageLayout";
import { selFeatures } from "../consoleSlice";
@@ -25,6 +24,7 @@ import { resourcesConfigurations } from "../Tenants/AddTenant/Steps/TenantResour
import { selShowMarketplace, showMarketplace } from "../../../systemSlice";
import { Navigate } from "react-router-dom";
import { useAppDispatch } from "../../../store";
import { PageHeader } from "mds";
const Marketplace = () => {
const dispatch = useAppDispatch();

3
portal-ui/src/screens/Console/NotificationEndpoints/AddNotificationEndpoint.tsx
View File

@@ -21,7 +21,7 @@ import Grid from "@mui/material/Grid";
import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import api from "../../../common/api";
import {
@@ -38,7 +38,6 @@ import {
import { ErrorResponseHandler } from "../../../common/types";
import { IElementValue } from "../Configurations/types";
import PageHeader from "../Common/PageHeader/PageHeader";
import withSuspense from "../Common/Components/withSuspense";
import BackLink from "../../../common/BackLink";

2
portal-ui/src/screens/Console/NotificationEndpoints/NotificationEndpoints.tsx
View File

@@ -14,8 +14,8 @@
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import { PageHeader } from "mds";
import React, { Fragment } from "react";
import PageHeader from "../Common/PageHeader/PageHeader";
import withSuspense from "../Common/Components/withSuspense";

2
portal-ui/src/screens/Console/NotificationEndpoints/NotificationTypeSelector.tsx
View File

@@ -24,13 +24,13 @@ import {
settingsCommon,
typesSelection,
} from "../Common/FormComponents/common/styleLibrary";
import PageHeader from "../Common/PageHeader/PageHeader";
import BackLink from "../../../common/BackLink";
import PageLayout from "../Common/Layout/PageLayout";
import { IAM_PAGES } from "../../../common/SecureComponent/permissions";
import ContentBox from "../Common/ContentBox";
import { Box } from "@mui/material";
import NotificationEndpointTypeSelectorHelpBox from "../Account/NotificationEndpointTypeSelectorHelpBox";
import { PageHeader } from "mds";
interface INotificationTypeSelector {
classes: any;

3
portal-ui/src/screens/Console/ObjectBrowser/OBBucketList.tsx
View File

@@ -18,7 +18,7 @@ import React, { Fragment, useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
import { Theme } from "@mui/material/styles";
import { BucketsIcon, Button, HelpBox, RefreshIcon } from "mds";
import { BucketsIcon, Button, HelpBox, PageHeader, RefreshIcon } from "mds";
import createStyles from "@mui/styles/createStyles";
import { LinearProgress } from "@mui/material";
import Grid from "@mui/material/Grid";
@@ -30,7 +30,6 @@ import {
} from "../Common/FormComponents/common/styleLibrary";
import { ErrorResponseHandler } from "../../../common/types";
import api from "../../../common/api";
import PageHeader from "../Common/PageHeader/PageHeader";
import { SecureComponent } from "../../../common/SecureComponent";
import {

3
portal-ui/src/screens/Console/ObjectBrowser/OBHeader.tsx
View File

@@ -15,7 +15,6 @@
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React, { Fragment } from "react";
import PageHeader from "../Common/PageHeader/PageHeader";
import BackLink from "../../../common/BackLink";
import {
IAM_PAGES,
@@ -25,7 +24,7 @@ import {
} from "../../../common/SecureComponent/permissions";
import { SecureComponent } from "../../../common/SecureComponent";
import TooltipWrapper from "../Common/TooltipWrapper/TooltipWrapper";
import { Button, SettingsIcon } from "mds";
import { Button, PageHeader, SettingsIcon } from "mds";
import { Grid } from "@mui/material";
import AutoColorIcon from "../Common/Components/AutoColorIcon";
import { useSelector } from "react-redux";

3
portal-ui/src/screens/Console/Policies/AddPolicyScreen.tsx
View File

@@ -17,8 +17,7 @@
import React, { Fragment, useState } from "react";
import Grid from "@mui/material/Grid";
import { Box } from "@mui/material";
import { Button } from "mds";
import PageHeader from "../Common/PageHeader/PageHeader";
import { Button, PageHeader } from "mds";
import PageLayout from "../Common/Layout/PageLayout";
import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import AddPolicyHelpBox from "./AddPolicyHelpBox";

3
portal-ui/src/screens/Console/Policies/ListPolicies.tsx
View File

@@ -15,7 +15,7 @@
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React, { Fragment, useEffect, useState } from "react";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import { useNavigate } from "react-router-dom";
import get from "lodash/get";
import { Theme } from "@mui/material/styles";
@@ -33,7 +33,6 @@ import {
import { ErrorResponseHandler } from "../../../common/types";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import PageHeader from "../Common/PageHeader/PageHeader";
import api from "../../../common/api";
import PageLayout from "../Common/Layout/PageLayout";
import {

3
portal-ui/src/screens/Console/Policies/PolicyDetails.tsx
View File

@@ -17,7 +17,7 @@ import React, { Fragment, useEffect, useState } from "react";
import { IAMPolicy, IAMStatement, Policy } from "./types";
import { useSelector } from "react-redux";
import { useNavigate, useParams } from "react-router-dom";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
@@ -32,7 +32,6 @@ import Grid from "@mui/material/Grid";
import { LinearProgress } from "@mui/material";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import api from "../../../common/api";
import PageHeader from "../Common/PageHeader/PageHeader";
import { ErrorResponseHandler } from "../../../common/types";
import CodeMirrorWrapper from "../Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper";

3
portal-ui/src/screens/Console/Speedtest/Speedtest.tsx
View File

@@ -21,10 +21,9 @@ import { Grid } from "@mui/material";
import { Theme } from "@mui/material/styles";
import { useNavigate } from "react-router-dom";
import { AppState } from "../../../store";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import { DateTime } from "luxon";
import createStyles from "@mui/styles/createStyles";
import PageHeader from "../Common/PageHeader/PageHeader";
import {
actionsTray,
advancedFilterToggleStyles,

2
portal-ui/src/screens/Console/Storage/StoragePVCs.tsx
View File

@@ -32,9 +32,9 @@ import { IPVCsResponse, IStoragePVCs } from "./types";
import api from "../../../common/api";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import DeletePVC from "../Tenants/TenantDetails/DeletePVC";
import PageHeader from "../Common/PageHeader/PageHeader";
import PageLayout from "../Common/Layout/PageLayout";
import SearchBox from "../Common/SearchBox";
import { PageHeader } from "mds";
interface IStorageVolumesProps {
classes: any;

3
portal-ui/src/screens/Console/Support/Profile.tsx
View File

@@ -1,11 +1,10 @@
import React, { Fragment, useState } from "react";
import { IMessageEvent, w3cwebsocket as W3CWebSocket } from "websocket";
import { Theme } from "@mui/material/styles";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { Grid } from "@mui/material";
import PageHeader from "../Common/PageHeader/PageHeader";
import PageLayout from "../Common/Layout/PageLayout";
import CheckboxWrapper from "../Common/FormComponents/CheckboxWrapper/CheckboxWrapper";
import { wsProtocol } from "../../../utils/wsUtils";

3
portal-ui/src/screens/Console/Support/Register.tsx
View File

@@ -16,7 +16,7 @@
import React, { Fragment, useCallback, useEffect, useState } from "react";
import { Theme } from "@mui/material/styles";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import {
actionsTray,
@@ -26,7 +26,6 @@ import {
} from "../Common/FormComponents/common/styleLibrary";
import withStyles from "@mui/styles/withStyles";
import { Box, Link } from "@mui/material";
import PageHeader from "../Common/PageHeader/PageHeader";
import PageLayout from "../Common/Layout/PageLayout";
import { CopyIcon, UsersIcon } from "mds";
import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye";

2
portal-ui/src/screens/Console/Support/RegisterOperator.tsx
View File

@@ -25,7 +25,6 @@ import {
} from "../Common/FormComponents/common/styleLibrary";
import withStyles from "@mui/styles/withStyles";
import { Box } from "@mui/material";
import PageHeader from "../Common/PageHeader/PageHeader";
import PageLayout from "../Common/Layout/PageLayout";
import api from "../../../common/api";
@@ -36,6 +35,7 @@ import Tab from "@mui/material/Tab";
import { TabPanel } from "../../shared/tabs";
import { ClusterRegistered } from "./utils";
import ApiKeyRegister from "./ApiKeyRegister";
import { PageHeader } from "mds";
interface IRegister {
classes: any;

3
portal-ui/src/screens/Console/Tenants/AddTenant/AddTenant.tsx
View File

@@ -38,7 +38,6 @@ import IdentityProvider from "./Steps/IdentityProvider";
import Security from "./Steps/Security";
import Encryption from "./Steps/Encryption";
import Affinity from "./Steps/Affinity";
import PageHeader from "../../Common/PageHeader/PageHeader";
import Images from "./Steps/Images";
import PageLayout from "../../Common/Layout/PageLayout";
import BackLink from "../../../../common/BackLink";
@@ -49,7 +48,7 @@ import {
IMkEnvs,
resourcesConfigurations,
} from "./Steps/TenantResources/utils";
import { HelpBox, StorageIcon } from "mds";
import { HelpBox, PageHeader, StorageIcon } from "mds";
import { selFeatures } from "../../consoleSlice";
import makeStyles from "@mui/styles/makeStyles";
import { resetAddTenantForm } from "./createTenantSlice";

3
portal-ui/src/screens/Console/Tenants/ListTenants/ListTenants.tsx
View File

@@ -15,7 +15,7 @@
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React, { Fragment, useEffect, useState } from "react";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import Grid from "@mui/material/Grid";
import { LinearProgress, SelectChangeEvent } from "@mui/material";
import { Theme } from "@mui/material/styles";
@@ -34,7 +34,6 @@ import { AddIcon, TenantsIcon } from "mds";
import { ErrorResponseHandler } from "../../../../common/types";
import api from "../../../../common/api";
import { RefreshIcon } from "mds";
import PageHeader from "../../Common/PageHeader/PageHeader";
import TenantListItem from "./TenantListItem";
import AButton from "../../Common/AButton/AButton";

3
portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/AddPool/AddPool.tsx
View File

@@ -25,13 +25,12 @@ import {
import Grid from "@mui/material/Grid";
import { niceBytes } from "../../../../../../common/utils";
import { LinearProgress } from "@mui/material";
import PageHeader from "../../../../Common/PageHeader/PageHeader";
import PageLayout from "../../../../Common/Layout/PageLayout";
import GenericWizard from "../../../../Common/GenericWizard/GenericWizard";
import { IWizardElement } from "../../../../Common/GenericWizard/types";
import PoolResources from "./PoolResources";
import ScreenTitle from "../../../../Common/ScreenTitle/ScreenTitle";
import { TenantsIcon } from "mds";
import { PageHeader, TenantsIcon } from "mds";
import { AppState, useAppDispatch } from "../../../../../../store";
import { useSelector } from "react-redux";

3
portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/EditPool/EditPool.tsx
View File

@@ -20,11 +20,10 @@ import { useNavigate } from "react-router-dom";
import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import Grid from "@mui/material/Grid";
import PageHeader from "../../../../Common/PageHeader/PageHeader";
import PageLayout from "../../../../Common/Layout/PageLayout";
import GenericWizard from "../../../../Common/GenericWizard/GenericWizard";
import ScreenTitle from "../../../../Common/ScreenTitle/ScreenTitle";
import { TenantsIcon } from "mds";
import { PageHeader, TenantsIcon } from "mds";
import BackLink from "../../../../../../common/BackLink";
import EditPoolResources from "./EditPoolResources";
import EditPoolConfiguration from "./EditPoolConfiguration";

3
portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx
View File

@@ -16,7 +16,7 @@
import React, { Fragment, useEffect, useState } from "react";
import { useSelector } from "react-redux";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import {
Link,
Navigate,
@@ -36,7 +36,6 @@ import {
tenantDetailsStyles,
} from "../../Common/FormComponents/common/styleLibrary";
import { AppState, useAppDispatch } from "../../../../store";
import PageHeader from "../../Common/PageHeader/PageHeader";
import { CircleIcon, MinIOTierIconXs, TrashIcon } from "mds";
import { niceBytes } from "../../../../common/utils";
import ScreenTitle from "../../Common/ScreenTitle/ScreenTitle";

3
portal-ui/src/screens/Console/Tenants/TenantDetails/hop/Hop.tsx
View File

@@ -20,10 +20,9 @@ import { Link, useNavigate, useParams } from "react-router-dom";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { Box, IconButton } from "@mui/material";
import PageHeader from "../../../Common/PageHeader/PageHeader";
import { containerForHeader } from "../../../Common/FormComponents/common/styleLibrary";
import ExitToAppIcon from "@mui/icons-material/ExitToApp";
import { RefreshIcon } from "mds";
import { PageHeader, RefreshIcon } from "mds";
import { Loader } from "mds";
interface IHopSimple {

3
portal-ui/src/screens/Console/Tools/Inspect.tsx
View File

@@ -16,9 +16,8 @@
import React, { Fragment, useEffect, useState } from "react";
import { Box, DialogContentText } from "@mui/material";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import { useNavigate } from "react-router-dom";
import PageHeader from "../Common/PageHeader/PageHeader";
import PageLayout from "../Common/Layout/PageLayout";
import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import FormSwitchWrapper from "../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";

3
portal-ui/src/screens/Console/Trace/Trace.tsx
View File

@@ -18,7 +18,7 @@ import React, { Fragment, useState } from "react";
import { DateTime } from "luxon";
import { Box, Grid } from "@mui/material";
import { IMessageEvent, w3cwebsocket as W3CWebSocket } from "websocket";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import { AppState, useAppDispatch } from "../../../store";
import { useSelector } from "react-redux";
import { TraceMessage } from "./types";
@@ -36,7 +36,6 @@ import {
tableStyles,
} from "../Common/FormComponents/common/styleLibrary";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import PageHeader from "../Common/PageHeader/PageHeader";
import CheckboxWrapper from "../Common/FormComponents/CheckboxWrapper/CheckboxWrapper";
import PageLayout from "../Common/Layout/PageLayout";
import { FilterIcon } from "mds";

3
portal-ui/src/screens/Console/Users/AddUserScreen.tsx
View File

@@ -16,7 +16,7 @@
import React, { Fragment } from "react";
import { Theme } from "@mui/material/styles";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import UserSelector from "./UserSelector";
@@ -30,7 +30,6 @@ import Grid from "@mui/material/Grid";
import { LinearProgress } from "@mui/material";
import { CreateUserIcon } from "mds";
import PageHeader from "../Common/PageHeader/PageHeader";
import PageLayout from "../Common/Layout/PageLayout";
import PolicySelectors from "../Policies/PolicySelectors";

3
portal-ui/src/screens/Console/Users/AddUserServiceAccountScreen.tsx
View File

@@ -17,7 +17,7 @@
import React, { Fragment, useEffect, useState } from "react";
import { Theme } from "@mui/material/styles";
import { useNavigate, useParams } from "react-router-dom";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import {
@@ -32,7 +32,6 @@ import {
ServiceAccountCredentialsIcon,
} from "mds";
import CodeMirrorWrapper from "../Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper";
import PageHeader from "../Common/PageHeader/PageHeader";
import PageLayout from "../Common/Layout/PageLayout";
import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import FormSwitchWrapper from "../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";

3
portal-ui/src/screens/Console/Users/ListUsers.tsx
View File

@@ -18,7 +18,7 @@ import React, { Fragment, useEffect, useState } from "react";
import { Theme } from "@mui/material/styles";
import { useNavigate } from "react-router-dom";
import { Button, HelpBox } from "mds";
import { Button, HelpBox, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import api from "../../../common/api";
@@ -35,7 +35,6 @@ import {
import { ErrorResponseHandler } from "../../../common/types";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import PageHeader from "../Common/PageHeader/PageHeader";
import { encodeURLString } from "../../../common/utils";
import AButton from "../Common/AButton/AButton";
import PageLayout from "../Common/Layout/PageLayout";

3
portal-ui/src/screens/Console/Users/UserDetails.tsx
View File

@@ -17,7 +17,7 @@
import React, { Fragment, useCallback, useEffect, useState } from "react";
import { useNavigate, useParams } from "react-router-dom";
import { Theme } from "@mui/material/styles";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { Grid } from "@mui/material";
@@ -37,7 +37,6 @@ import {
} from "../Common/FormComponents/common/styleLibrary";
import { IPolicyItem } from "./types";
import { ErrorResponseHandler } from "../../../common/types";
import PageHeader from "../Common/PageHeader/PageHeader";
import api from "../../../common/api";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import ChangeUserGroups from "./ChangeUserGroups";

3
portal-ui/src/screens/Console/Watch/Watch.tsx
View File

@@ -25,7 +25,7 @@ import {
import { IMessageEvent, w3cwebsocket as W3CWebSocket } from "websocket";
import { useSelector } from "react-redux";
import { Theme } from "@mui/material/styles";
import { Button } from "mds";
import { Button, PageHeader } from "mds";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { AppState, useAppDispatch } from "../../../store";
@@ -40,7 +40,6 @@ import {
} from "../Common/FormComponents/common/styleLibrary";
import { ErrorResponseHandler } from "../../../common/types";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import PageHeader from "../Common/PageHeader/PageHeader";
import api from "../../../common/api";
import PageLayout from "../Common/Layout/PageLayout";
import makeStyles from "@mui/styles/makeStyles";