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

Remove unused CSS Classes (#2623)

Browse Source
This commit is contained in:
Daniel Valdivia
2023-02-01 18:37:18 -08:00
committed by GitHub
parent f337a8dce7
commit 8d4d6eace0
56 changed files with 9 additions and 720 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -60,19 +60,6 @@ interface IAddServiceAccountProps {
const styles = (theme: Theme) =>
createStyles({
bottomContainer: {
display: "flex",
flexGrow: 1,
alignItems: "center",
margin: "auto",
justifyContent: "center",
"& div": {
width: 150,
"@media (max-width: 900px)": {
flexFlow: "column",
},
},
},
...formFieldStyles,
...modalStyleUtils,
});

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

@@ -68,21 +68,6 @@ export interface ITiersDropDown {
const styles = (theme: Theme) =>
createStyles({
dateSelector: {
"& div": {
borderBottom: 0,
marginBottom: 0,
"& div:nth-child(2)": {
border: "1px solid #EAEAEA",
paddingLeft: 5,
"& div": {
border: 0,
},
},
},
},
formFieldRowFilter: {
"& .MuiPaper-root": { padding: 0 },
},

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

@@ -58,17 +58,6 @@ const styles = (theme: Theme) =>
display: "flex",
alignItems: "center",
},
sizeFactorContainer: {
"& label": {
display: "none",
},
"& div:first-child": {
marginBottom: 0,
"@media (max-width: 600px)": {
marginTop: "7px",
},
},
},
...spacingUtils,
...createTenantCommon,
...formFieldStyles,

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

@@ -108,10 +108,6 @@ const styles = (theme: Theme) =>
pageContainer: {
height: "100%",
},
screenTitle: {
border: 0,
paddingTop: 0,
},
...pageContentStyles,
...searchField,
capitalize: {

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

@@ -56,21 +56,6 @@ import { useAppDispatch } from "../../../../store";
const styles = (theme: Theme) =>
createStyles({
dateSelector: {
"& div": {
borderBottom: 0,
marginBottom: 0,
"& div:nth-child(2)": {
border: "1px solid #EAEAEA",
paddingLeft: 5,
"& div": {
border: 0,
},
},
},
},
formFieldRowAccordion: {
"& .MuiPaper-root": { padding: 0 },
},

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

@@ -48,14 +48,6 @@ interface IEditReplicationModal {
const styles = (theme: Theme) =>
createStyles({
sizeFactorContainer: {
"& label": {
display: "none",
},
"& div:first-child": {
marginBottom: 0,
},
},
...spacingUtils,
...createTenantCommon,
...formFieldStyles,

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

@@ -102,14 +102,6 @@ const styles = (theme: Theme) =>
marginRight: 10,
},
},
title: {
marginBottom: 8,
},
headTitle: {
fontWeight: "bold",
fontSize: 16,
paddingLeft: 8,
},
h6title: {
fontWeight: "bold",
color: "#000000",

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

@@ -68,15 +68,6 @@ import { setLoadingObjects } from "../../ObjectBrowser/objectBrowserSlice";
const styles = (theme: Theme) =>
createStyles({
bulkSelect: {
marginLeft: 8,
"&:hover": {
backgroundColor: theme.palette.primary.main,
},
"&.MuiButton-contained": {
backgroundColor: theme.palette.primary.main,
},
},
bucketList: {
marginTop: 25,
height: "calc(100vh - 211px)",

14
portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ObjectMetaData.tsx
View File

@@ -33,20 +33,6 @@ interface IObjectMetadata {
const styles = (theme: Theme) =>
createStyles({
propertiesIcon: {
marginLeft: 5,
"& .min-icon": {
height: 12,
},
},
capitalizeFirst: {
textTransform: "capitalize",
"& .min-icon": {
width: 16,
height: 16,
},
},
titleItem: {
width: "35%",
},

8
portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ShareFile.tsx
View File

@@ -64,14 +64,6 @@ const styles = (theme: Theme) =>
minWidth: 250,
},
},
copyShareLinkBtn: {
display: "flex",
alignItems: "center",
justifyContent: "center",
"@media (max-width: 900px)": {
marginTop: 10,
},
},
...modalStyleUtils,
...formFieldStyles,
});

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

@@ -15,40 +15,13 @@
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React, { Fragment, useState } from "react";
import { containerForHeader } from "../Common/FormComponents/common/styleLibrary";
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 PageLayout from "./Layout/PageLayout";
import SectionTitle from "./SectionTitle";
import { Button, ConfirmDeleteIcon, PageHeader } from "mds";
import ConfirmDialog from "./ModalWrapper/ConfirmDialog";
interface IComponentsScreen {
classes: any;
}
const styles = (theme: Theme) =>
createStyles({
...containerForHeader(theme.spacing(4)),
root: {
fontSize: 12,
wordWrap: "break-word",
"& .min-loader": {
width: 45,
height: 45,
},
},
def: {},
red: {
"& .min-icon": {
color: "red",
},
},
});
const ComponentsScreen = ({ classes }: IComponentsScreen) => {
const ComponentsScreen = () => {
const [dialogOpen, setDialogOpen] = useState<boolean>(false);
return (
<Fragment>
@@ -97,4 +70,4 @@ const ComponentsScreen = ({ classes }: IComponentsScreen) => {
);
};
export default withStyles(styles)(ComponentsScreen);
export default ComponentsScreen;

29
portal-ui/src/screens/Console/Common/FormComponents/DateRangeSelector/DateRangeSelector.tsx
View File

@@ -15,18 +15,13 @@
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React from "react";
import { Theme } from "@mui/material/styles";
import { Button, OpenListIcon, SyncIcon } from "mds";
import { Box, Grid } from "@mui/material";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import ScheduleIcon from "@mui/icons-material/Schedule";
import WatchLaterIcon from "@mui/icons-material/WatchLater";
import { actionsTray, widgetContainerCommon } from "../common/styleLibrary";
import DateTimePickerWrapper from "../DateTimePickerWrapper/DateTimePickerWrapper";
interface IDateRangeSelector {
classes: any;
timeStart: any;
setTimeStart: (date: any) => void;
timeEnd: any;
@@ -37,27 +32,6 @@ interface IDateRangeSelector {
endLabel?: string;
}
const styles = (theme: Theme) =>
createStyles({
...actionsTray,
...widgetContainerCommon,
schedulerIcon: {
opacity: 0.4,
fontSize: 10,
"& svg": {
width: 18,
height: 18,
},
},
selectorLabel: {
color: "#9D9E9D",
fontWeight: "bold",
whiteSpace: "nowrap",
marginLeft: 10,
fontSize: 12,
},
});
const DateFilterAdornIcon = () => {
return (
<Box
@@ -76,7 +50,6 @@ const DateFilterAdornIcon = () => {
};
const DateRangeSelector = ({
classes,
timeStart,
setTimeStart,
timeEnd,
@@ -279,4 +252,4 @@ const DateRangeSelector = ({
);
};
export default withStyles(styles)(DateRangeSelector);
export default DateRangeSelector;

1
portal-ui/src/screens/Console/Common/IconsScreen.tsx
View File

@@ -48,7 +48,6 @@ const styles = (theme: Theme) =>
height: 45,
},
},
def: {},
red: {
"& .min-icon": {
color: "red",

6
portal-ui/src/screens/Console/Dashboard/Prometheus/PrDashboard.tsx
View File

@@ -62,12 +62,6 @@ const styles = (theme: Theme) =>
createStyles({
...actionsTray,
...widgetContainerCommon,
dashboardRow: {
display: "flex",
flexDirection: "row",
justifyContent: "flex-start",
flexWrap: "wrap",
},
});
const PrDashboard = ({ apiPrefix = "admin", usage }: IPrDashboard) => {

3
portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx
View File

@@ -61,9 +61,6 @@ interface ILinearGraphWidget {
const styles = (theme: Theme) =>
createStyles({
...widgetCommon,
verticalAlignment: {
flexDirection: "column",
},
chartCont: {
position: "relative",
height: 140,

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

@@ -34,9 +34,6 @@ interface IFormatErrorsProps {
const styles = (theme: Theme) =>
createStyles({
buttonContainer: {
textAlign: "right",
},
errorsList: {
height: "calc(100vh - 280px)",
},

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

@@ -44,19 +44,6 @@ interface IAddGroupProps {
const styles = (theme: Theme) =>
createStyles({
bottomContainer: {
display: "flex",
flexGrow: 1,
alignItems: "center",
margin: "auto",
justifyContent: "center",
"& div": {
width: 150,
"@media (max-width: 900px)": {
flexFlow: "column",
},
},
},
...formFieldStyles,
...modalStyleUtils,
});

25
portal-ui/src/screens/Console/IDP/AddIDPLDAPConfiguration.tsx
View File

@@ -15,34 +15,13 @@
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React from "react";
import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import LoginIcon from "@mui/icons-material/Login";
import {
formFieldStyles,
modalBasic,
} from "../Common/FormComponents/common/styleLibrary";
import { IAM_PAGES } from "../../../common/SecureComponent/permissions";
import AddIDPConfiguration from "./AddIDPConfiguration";
import { ldapFormFields, ldapHelpBoxContents } from "./utils";
import AddIDPConfigurationHelpBox from "./AddIDPConfigurationHelpbox";
type AddIDPLDAPConfigurationProps = {
classes?: any;
};
const styles = (theme: Theme) =>
createStyles({
...formFieldStyles,
formFieldRow: {
...formFieldStyles.formFieldRow,
},
...modalBasic,
});
const AddIDPLDAPConfiguration = ({ classes }: AddIDPLDAPConfigurationProps) => {
const AddIDPLDAPConfiguration = () => {
return (
<AddIDPConfiguration
icon={<LoginIcon />}
@@ -65,4 +44,4 @@ const AddIDPLDAPConfiguration = ({ classes }: AddIDPLDAPConfigurationProps) => {
);
};
export default withStyles(styles)(AddIDPLDAPConfiguration);
export default AddIDPLDAPConfiguration;

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

@@ -74,15 +74,8 @@ const styles = (theme: Theme) =>
pageContainer: {
height: "100%",
},
screenTitle: {
border: 0,
paddingTop: 0,
},
...pageContentStyles,
...searchField,
capitalize: {
textTransform: "capitalize",
},
...hrClass,
...buttonsStyles,
...containerForHeader(theme.spacing(4)),

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

@@ -66,11 +66,6 @@ const useStyles = makeStyles((theme: Theme) =>
nodeField: {
width: "100%",
},
highlight: {
"& span": {
backgroundColor: "#082F5238",
},
},
...actionsTray,
actionsTray: {
...actionsTray.actionsTray,

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

@@ -31,14 +31,6 @@ import { euTimezones } from "./euTimezones";
const styles = (theme: Theme) =>
createStyles({
pageTitle: {
fontSize: 18,
marginBottom: 20,
textAlign: "center",
},
pageSubTitle: {
textAlign: "center",
},
...containerForHeader(theme.spacing(4)),
});

5
portal-ui/src/screens/Console/NotificationEndpoints/CustomForms/EndpointDisplay.tsx
View File

@@ -31,11 +31,6 @@ const styles = (theme: Theme) =>
createStyles({
...fieldBasic,
...settingsCommon,
settingsFormContainer: {
display: "grid",
gridTemplateColumns: "1fr",
gridGap: "10px",
},
});
interface IEndpointDisplayProps {

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

@@ -55,15 +55,6 @@ import { niceBytesInt } from "../../../common/utils";
const useStyles = makeStyles((theme: Theme) =>
createStyles({
bulkSelect: {
marginLeft: 8,
"&:hover": {
backgroundColor: theme.palette.primary.main,
},
"&.MuiButton-contained": {
backgroundColor: theme.palette.primary.main,
},
},
bucketList: {
marginTop: 25,
height: "calc(100vh - 211px)",

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

@@ -96,15 +96,6 @@ const styles = (theme: Theme) =>
padding: "15px 15px 15px 50px",
minHeight: "450px",
},
statement: {
border: "1px solid #DADADA",
padding: 8,
marginBottom: 8,
borderRadius: 4,
},
labelCol: {
fontWeight: "bold",
},
...actionsTray,
...searchField,
...modalBasic,

8
portal-ui/src/screens/Console/Support/GetApiKeyModal.tsx
View File

@@ -36,14 +36,6 @@ import { Box } from "@mui/material";
const styles = (theme: Theme) =>
createStyles({
pageTitle: {
fontSize: 18,
marginBottom: 20,
textAlign: "center",
},
pageSubTitle: {
textAlign: "center",
},
sizedLabel: {
minWidth: "75px",
},

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

@@ -76,57 +76,6 @@ interface IRegister {
const styles = (theme: Theme) =>
createStyles({
registerActivationIcon: {
color: theme.palette.primary.main,
fontSize: 16,
fontWeight: "bold",
marginBottom: 20,
"& .min-icon": {
width: 32.12,
height: 25,
marginRight: 10,
verticalAlign: "middle",
},
},
registerActivationMode: {
textAlign: "right",
"& a": {
cursor: "pointer",
},
},
subnetDescription: {
textAlign: "left",
Font: "normal normal normal 14px/17px Inter",
letterSpacing: 0,
color: "#000000",
"& span": {
fontWeight: "bold",
},
},
registeredStatus: {
border: "1px solid #E2E2E2",
padding: "24px 24px 24px 24px",
borderRadius: 2,
marginBottom: 25,
backgroundColor: "#FBFAFA",
"& .min-icon": {
width: 20,
height: 20,
marginLeft: 48,
marginRight: 13,
verticalAlign: "middle",
marginTop: -3,
},
"& span": {
fontWeight: "bold",
},
},
copyInputBox: {
"& button": {
border: "1px solid #5E5E5E",
borderRadius: 2,
},
},
link: {
color: "#2781B0",
cursor: "pointer",

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

@@ -43,64 +43,10 @@ interface IRegister {
const styles = (theme: Theme) =>
createStyles({
registerActivationIcon: {
color: theme.palette.primary.main,
fontSize: 16,
fontWeight: "bold",
marginBottom: 20,
"& .min-icon": {
width: 32.12,
height: 25,
marginRight: 10,
verticalAlign: "middle",
},
},
registerActivationMode: {
textAlign: "right",
"& a": {
cursor: "pointer",
},
},
subnetDescription: {
textAlign: "left",
Font: "normal normal normal 14px/17px Inter",
letterSpacing: 0,
color: "#000000",
"& span": {
fontWeight: "bold",
},
},
registeredStatus: {
border: "1px solid #E2E2E2",
padding: "24px 24px 24px 24px",
borderRadius: 2,
marginBottom: 25,
backgroundColor: "#FBFAFA",
"& .min-icon": {
width: 20,
height: 20,
marginLeft: 48,
marginRight: 13,
verticalAlign: "middle",
marginTop: -3,
},
"& span": {
fontWeight: "bold",
},
},
copyInputBox: {
"& button": {
border: "1px solid #5E5E5E",
borderRadius: 2,
},
},
link: {
color: "#2781B0",
cursor: "pointer",
},
sizedLabel: {
minWidth: "75px",
},
...actionsTray,
...searchField,
...spacingUtils,

6
portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigLogSearch.tsx
View File

@@ -68,12 +68,6 @@ const styles = (theme: Theme) =>
},
},
logSearchEnabledFields: {
marginLeft: 20, // 2nd Level(15+15)
padding: 10,
width: "90%",
margin: "auto",
},
fieldSpaceTop: {
marginTop: 15,
},

6
portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigPrometheus.tsx
View File

@@ -71,12 +71,6 @@ const styles = (theme: Theme) =>
fieldSpaceTop: {
marginTop: 15,
},
prometheusEnabledFields: {
marginLeft: 20, // 2nd Level(15+15)
padding: 10,
width: "90%",
margin: "auto",
},
...modalBasic,
...wizardCommon,
});

11
portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSize.tsx
View File

@@ -53,17 +53,6 @@ interface ITenantSizeProps {
const styles = (theme: Theme) =>
createStyles({
compositeAddOn: {
marginLeft: 10,
"& div": {
marginBottom: 0,
},
"@media (max-width: 900px)": {
"& div": {
marginTop: 5,
},
},
},
...formFieldStyles,
...modalBasic,
...wizardCommon,

11
portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeMK.tsx
View File

@@ -50,17 +50,6 @@ interface ITenantSizeAWSProps {
const styles = (theme: Theme) =>
createStyles({
compositeAddOn: {
marginLeft: 10,
"& div": {
marginBottom: 0,
},
"@media (max-width: 900px)": {
"& div": {
marginTop: 5,
},
},
},
...formFieldStyles,
...modalBasic,
...wizardCommon,

11
portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeResources.tsx
View File

@@ -41,17 +41,6 @@ interface ITenantSizeResourcesProps {
const styles = (theme: Theme) =>
createStyles({
compositeAddOn: {
marginLeft: 10,
"& div": {
marginBottom: 0,
},
"@media (max-width: 900px)": {
"& div": {
marginTop: 5,
},
},
},
...formFieldStyles,
...modalBasic,
...wizardCommon,

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

@@ -64,28 +64,6 @@ const styles = (theme: Theme) =>
...actionsTray,
...searchField,
...containerForHeader(theme.spacing(4)),
theaderSearch: {
borderColor: theme.palette.grey["200"],
"& .MuiInputBase-input": {
paddingTop: 10,
paddingBottom: 10,
},
"& .MuiInputBase-root": {
"& .MuiInputAdornment-root": {
"& .min-icon": {
color: theme.palette.grey["400"],
height: 14,
},
},
},
actionHeaderItems: {
"@media (min-width: 320px)": {
marginTop: 8,
},
},
marginRight: 10,
marginLeft: 10,
},
tenantsList: {
height: "calc(100vh - 195px)",
},

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

@@ -68,7 +68,6 @@ const styles = (theme: Theme) =>
marginRight: 4,
},
},
tenantIcon: { width: 40, height: 40, position: "relative" },
tenantItem: {
border: "1px solid #EAEAEA",
marginBottom: 16,

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

@@ -73,19 +73,6 @@ const styles = (theme: Theme) =>
createStyles({
...tenantDetailsStyles,
...spacingUtils,
bold: { fontWeight: "bold" },
italic: { fontStyle: "italic" },
fileItem: {
marginRight: 10,
display: "flex",
"& div label": {
minWidth: 50,
},
"@media (max-width: 900px)": {
flexFlow: "column",
},
},
...containerForHeader(theme.spacing(4)),
...createTenantCommon,
...formFieldStyles,

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

@@ -26,15 +26,6 @@ interface IKeyPairEditProps {
const styles = (theme: Theme) =>
createStyles({
bottomContainer: {
display: "flex",
flexGrow: 1,
alignItems: "center",
"& div": {
flexGrow: 1,
width: "100%",
},
},
shortened: {
gridTemplateColumns: "auto auto 20px 20px",
display: "grid",

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

@@ -65,19 +65,6 @@ const styles = (theme: Theme) =>
createStyles({
...tenantDetailsStyles,
...spacingUtils,
bold: { fontWeight: "bold" },
italic: { fontStyle: "italic" },
fileItem: {
marginRight: 10,
display: "flex",
"& div label": {
minWidth: 50,
},
"@media (max-width: 900px)": {
flexFlow: "column",
},
},
...containerForHeader(theme.spacing(4)),
...createTenantCommon,
...formFieldStyles,

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

@@ -64,19 +64,6 @@ const styles = (theme: Theme) =>
createStyles({
...tenantDetailsStyles,
...spacingUtils,
bold: { fontWeight: "bold" },
italic: { fontStyle: "italic" },
fileItem: {
marginRight: 10,
display: "flex",
"& div label": {
minWidth: 50,
},
"@media (max-width: 900px)": {
flexFlow: "column",
},
},
...containerForHeader(theme.spacing(4)),
...createTenantCommon,
...formFieldStyles,

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

@@ -66,10 +66,6 @@ interface ILoggingScreenProps {
const styles = (theme: Theme) =>
createStyles({
breadcrumLink: {
textDecoration: "none",
color: "black",
},
...containerForHeader(theme.spacing(4)),
});

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

@@ -44,9 +44,6 @@ interface ITenantCSRProps {
const styles = (theme: Theme) =>
createStyles({
tableWrapper: {
height: "450px",
},
...actionsTray,
...searchField,
...tableStyles,

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

@@ -90,8 +90,6 @@ const styles = (theme: Theme) =>
loaderAlign: {
textAlign: "center",
},
bold: { fontWeight: "bold" },
italic: { fontStyle: "italic" },
fileItem: {
marginRight: 10,
display: "flex",

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

@@ -150,27 +150,6 @@ const styles = (theme: Theme) =>
top: 4,
},
...containerForHeader(theme.spacing(4)),
tenantActionButton: {
"& span": {
fontSize: 14,
"@media (max-width: 900px)": {
display: "none",
},
},
"& .min-icon": {
width: 12,
marginLeft: 5,
"@media (max-width: 900px)": {
width: 16,
marginLeft: 0,
},
},
},
deleteBtn: {
color: "#f44336",
border: "1px solid rgba(244, 67, 54, 0.5)",
},
});
const TenantDetails = ({ classes }: ITenantDetailsProps) => {

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

@@ -68,19 +68,6 @@ const styles = (theme: Theme) =>
createStyles({
...tenantDetailsStyles,
...spacingUtils,
bold: { fontWeight: "bold" },
italic: { fontStyle: "italic" },
fileItem: {
marginRight: 10,
display: "flex",
"& div label": {
minWidth: 50,
},
"@media (max-width: 900px)": {
flexFlow: "column",
},
},
...containerForHeader(theme.spacing(4)),
...createTenantCommon,
...formFieldStyles,

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

@@ -85,34 +85,11 @@ const styles = (theme: Theme) =>
background: "#EAEAEA",
},
},
overlayAction: {
marginLeft: 10,
"& svg": {
maxWidth: 15,
maxHeight: 15,
},
"& button": {
background: "#EAEAEA",
},
},
...tenantDetailsStyles,
...spacingUtils,
loaderAlign: {
textAlign: "center",
},
bold: { fontWeight: "bold" },
italic: { fontStyle: "italic" },
fileItem: {
marginRight: 10,
display: "flex",
"& div label": {
minWidth: 50,
},
"@media (max-width: 900px)": {
flexFlow: "column",
},
},
...containerForHeader(theme.spacing(4)),
...createTenantCommon,
...formFieldStyles,

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

@@ -76,9 +76,6 @@ const styles = (theme: Theme) =>
flex: 1,
},
},
minioCertsContainer: {
marginBottom: 15,
},
minioCACertsRow: {
display: "flex",
alignItems: "center",
@@ -116,8 +113,6 @@ const styles = (theme: Theme) =>
loaderAlign: {
textAlign: "center",
},
bold: { fontWeight: "bold" },
italic: { fontStyle: "italic" },
fileItem: {
marginRight: 10,
display: "flex",

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

@@ -77,25 +77,6 @@ const styles = (theme: Theme) =>
marginRight: 4,
},
},
detailSection: {
"& div": {
"& b,i": {
minWidth: 80,
display: "block",
float: "left",
},
"& i": {
fontStyle: "normal",
wordWrap: "break-word",
overflowWrap: "break-word",
},
"& div": {
clear: "both",
},
clear: "both",
marginBottom: 2,
},
},
linkedSection: {
color: theme.palette.info.main,
fontFamily: "'Inter', sans-serif",

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

@@ -42,16 +42,6 @@ const styles = (theme: Theme) =>
fontSize: 14,
fontWeight: "bold",
},
codeMirrorContainer: {
marginBottom: 20,
paddingLeft: 15,
"& label": {
marginBottom: ".5rem",
},
"& label + div": {
display: "none",
},
},
...modalStyleUtils,
...fieldBasic,
});

22
portal-ui/src/screens/Console/Tenants/TenantDetails/events/EventsList.tsx
View File

@@ -15,9 +15,6 @@
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React from "react";
import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { LinearProgress } from "@mui/material";
import { IEvent } from "../../ListTenants/types";
import Table from "@mui/material/Table";
@@ -34,25 +31,10 @@ import TableContainer from "@mui/material/TableContainer";
import Paper from "@mui/material/Paper";
interface IEventsListProps {
classes: any;
events: IEvent[];
loading: boolean;
}
const styles = (theme: Theme) =>
createStyles({
events: {
"& .MuiTypography-root": {
fontSize: 14,
},
"& .Mui-expanded": {
"& .eventMessage": {
display: "none",
},
},
},
});
const Event = (props: { event: IEvent }) => {
const { event } = props;
const [open, setOpen] = React.useState(false);
@@ -97,7 +79,7 @@ const Event = (props: { event: IEvent }) => {
);
};
const EventsList = ({ classes, events, loading }: IEventsListProps) => {
const EventsList = ({ events, loading }: IEventsListProps) => {
if (loading) {
return <LinearProgress />;
}
@@ -123,4 +105,4 @@ const EventsList = ({ classes, events, loading }: IEventsListProps) => {
);
};
export default withStyles(styles)(EventsList);
export default EventsList;

25
portal-ui/src/screens/Console/Tenants/TenantDetails/pods/PodDescribe.tsx
View File

@@ -15,15 +15,6 @@
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React, { useEffect, useState } from "react";
import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import {
actionsTray,
buttonsStyles,
hrClass,
searchField,
} from "../../../Common/FormComponents/common/styleLibrary";
import { Box } from "@mui/material";
import Grid from "@mui/material/Grid";
import Chip from "@mui/material/Chip";
@@ -44,7 +35,6 @@ import { AppState, useAppDispatch } from "../../../../../store";
import { setErrorSnackMessage } from "../../../../../systemSlice";
interface IPodEventsProps {
classes: any;
tenant: string;
namespace: string;
podName: string;
@@ -166,18 +156,6 @@ interface IPodDescribeTableProps {
items: any[];
}
const styles = (theme: Theme) =>
createStyles({
...actionsTray,
...buttonsStyles,
...searchField,
...hrClass,
actionsTray: {
...actionsTray.actionsTray,
padding: "15px 0 0",
},
});
const twoColCssGridLayoutConfig = {
display: "grid",
gridTemplateColumns: { xs: "1fr", sm: "2fr 1fr" },
@@ -398,7 +376,6 @@ const PodDescribeContainers = ({ containers }: IPodDescribeContainersProps) => {
};
const PodDescribe = ({
classes,
tenant,
namespace,
podName,
@@ -493,4 +470,4 @@ const PodDescribe = ({
);
};
export default withStyles(styles)(PodDescribe);
export default PodDescribe;

25
portal-ui/src/screens/Console/Tenants/TenantDetails/pods/PodEvents.tsx
View File

@@ -16,15 +16,6 @@
import React, { useEffect, useState } from "react";
import { useSelector } from "react-redux";
import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import {
actionsTray,
buttonsStyles,
hrClass,
searchField,
} from "../../../Common/FormComponents/common/styleLibrary";
import Grid from "@mui/material/Grid";
import { IEvent } from "../../ListTenants/types";
import { niceDays } from "../../../../../common/utils";
@@ -35,27 +26,13 @@ import EventsList from "../events/EventsList";
import { setErrorSnackMessage } from "../../../../../systemSlice";
interface IPodEventsProps {
classes: any;
tenant: string;
namespace: string;
podName: string;
propLoading: boolean;
}
const styles = (theme: Theme) =>
createStyles({
...actionsTray,
...buttonsStyles,
...searchField,
...hrClass,
actionsTray: {
...actionsTray.actionsTray,
padding: "15px 0 0",
},
});
const PodEvents = ({
classes,
tenant,
namespace,
podName,
@@ -112,4 +89,4 @@ const PodEvents = ({
);
};
export default withStyles(styles)(PodEvents);
export default PodEvents;

4
portal-ui/src/screens/Console/Tenants/TenantDetails/pvcs/PVCDescribe.tsx
View File

@@ -50,10 +50,6 @@ const styles = (theme: Theme) =>
...buttonsStyles,
...searchField,
...hrClass,
actionsTray: {
...actionsTray.actionsTray,
padding: "15px 0 0",
},
});
const twoColCssGridLayoutConfig = {

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

@@ -31,8 +31,6 @@ import {
actionsTray,
containerForHeader,
hrClass,
inlineCheckboxes,
searchField,
tableStyles,
} from "../Common/FormComponents/common/styleLibrary";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
@@ -56,32 +54,12 @@ const styles = (theme: Theme) =>
width: 100,
},
...actionsTray,
...searchField,
...hrClass,
...tableStyles,
searchField: {
...searchField.searchField,
margin: "0 5px",
"&:first-of-type": {
marginLeft: 0,
},
"&:last-of-type": {
marginRight: 0,
},
},
tableWrapper: {
height: "calc(100vh - 292px)",
},
inlineCheckboxes: {
...inlineCheckboxes.inlineCheckboxes,
alignItems: "center",
"@media (max-width: 900px)": {
flexFlow: "column",
alignItems: "flex-start",
},
},
formBox: {
border: "1px solid #EAEAEA",
padding: 25,
@@ -96,14 +74,6 @@ const styles = (theme: Theme) =>
width: "14px",
height: "14px",
},
separatorBar: {
fontSize: 16,
fontWeight: 700,
paddingTop: 19,
"@media (max-width: 900px)": {
display: "none",
},
},
...containerForHeader(theme.spacing(4)),
});

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

@@ -54,19 +54,6 @@ interface IAddUserProps {
const styles = (theme: Theme) =>
createStyles({
bottomContainer: {
display: "flex",
flexGrow: 1,
alignItems: "center",
margin: "auto",
justifyContent: "center",
"& div": {
width: 150,
"@media (max-width: 900px)": {
flexFlow: "column",
},
},
},
...formFieldStyles,
...modalStyleUtils,
});

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

@@ -59,19 +59,6 @@ interface IAddServiceAccountProps {
const styles = (theme: Theme) =>
createStyles({
bottomContainer: {
display: "flex",
flexGrow: 1,
alignItems: "center",
margin: "auto",
justifyContent: "center",
"& div": {
width: 150,
"@media (max-width: 900px)": {
flexFlow: "column",
},
},
},
...formFieldStyles,
...modalStyleUtils,
});

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

@@ -36,9 +36,6 @@ import Box from "@mui/material/Box";
const styles = (theme: Theme) =>
createStyles({
buttonContainer: {
textAlign: "right",
},
...spacingUtils,
...modalBasic,
});

6
portal-ui/src/screens/LoginPage/LoginCallback.tsx
View File

@@ -46,12 +46,6 @@ const styles = (theme: Theme) =>
borderRadius: 8,
},
},
submit: {
margin: "30px 0px 16px",
height: 40,
boxShadow: "none",
padding: "16px 30px",
},
mainContainer: {
position: "relative",
height: 424,