From 8d4d6eace0886e009b53708dcb8fde2c8f5fa39c Mon Sep 17 00:00:00 2001 From: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com> Date: Wed, 1 Feb 2023 18:37:18 -0800 Subject: [PATCH] Remove unused CSS Classes (#2623) --- .../Account/AddServiceAccountScreen.tsx | 13 ----- .../BucketDetails/AddLifecycleModal.tsx | 15 ------ .../BucketDetails/AddReplicationModal.tsx | 11 ---- .../Buckets/BucketDetails/BucketDetails.tsx | 4 -- .../EditLifecycleConfiguration.tsx | 15 ------ .../BucketDetails/EditReplicationModal.tsx | 8 --- .../ListBuckets/AddBucket/AddBucket.tsx | 8 --- .../Buckets/ListBuckets/ListBuckets.tsx | 9 ---- .../Objects/ObjectDetails/ObjectMetaData.tsx | 14 ----- .../Objects/ObjectDetails/ShareFile.tsx | 8 --- .../Console/Common/ComponentsScreen.tsx | 31 +---------- .../DateRangeSelector/DateRangeSelector.tsx | 29 +--------- .../screens/Console/Common/IconsScreen.tsx | 1 - .../Dashboard/Prometheus/PrDashboard.tsx | 6 --- .../Prometheus/Widgets/LinearGraphWidget.tsx | 3 -- .../Console/DirectPV/FormatErrorsResult.tsx | 3 -- .../screens/Console/Groups/AddGroupScreen.tsx | 13 ----- .../Console/IDP/AddIDPLDAPConfiguration.tsx | 25 +-------- .../Console/IDP/IDPConfigurationDetails.tsx | 7 --- .../Console/Logs/ErrorLogs/ErrorLogs.tsx | 5 -- .../Console/Marketplace/SetEmailModal.tsx | 8 --- .../CustomForms/EndpointDisplay.tsx | 5 -- .../Console/ObjectBrowser/OBBucketList.tsx | 9 ---- .../Console/Policies/PolicyDetails.tsx | 9 ---- .../Console/Support/GetApiKeyModal.tsx | 8 --- .../src/screens/Console/Support/Register.tsx | 51 ------------------ .../Console/Support/RegisterOperator.tsx | 54 ------------------- .../AddTenant/Steps/ConfigLogSearch.tsx | 6 --- .../AddTenant/Steps/ConfigPrometheus.tsx | 6 --- .../Steps/TenantResources/TenantSize.tsx | 11 ---- .../Steps/TenantResources/TenantSizeMK.tsx | 11 ---- .../TenantResources/TenantSizeResources.tsx | 11 ---- .../Tenants/ListTenants/ListTenants.tsx | 22 -------- .../Tenants/ListTenants/TenantListItem.tsx | 1 - .../EditTenantMonitoringScreen.tsx | 13 ----- .../Tenants/TenantDetails/KeyPairEdit.tsx | 9 ---- .../TenantDetails/LoggingDBDetails.tsx | 13 ----- .../Tenants/TenantDetails/LoggingDetails.tsx | 13 ----- .../TenantDetails/TenantAuditLogsScreen.tsx | 4 -- .../Tenants/TenantDetails/TenantCSR.tsx | 3 -- .../TenantDetails/TenantConfiguration.tsx | 2 - .../Tenants/TenantDetails/TenantDetails.tsx | 21 -------- .../TenantDetails/TenantEncryption.tsx | 13 ----- .../TenantDetails/TenantIdentityProvider.tsx | 23 -------- .../Tenants/TenantDetails/TenantSecurity.tsx | 5 -- .../Tenants/TenantDetails/TenantSummary.tsx | 19 ------- .../Tenants/TenantDetails/TenantYAML.tsx | 10 ---- .../TenantDetails/events/EventsList.tsx | 22 +------- .../TenantDetails/pods/PodDescribe.tsx | 25 +-------- .../Tenants/TenantDetails/pods/PodEvents.tsx | 25 +-------- .../TenantDetails/pvcs/PVCDescribe.tsx | 4 -- portal-ui/src/screens/Console/Trace/Trace.tsx | 30 ----------- .../screens/Console/Users/AddUserScreen.tsx | 13 ----- .../Users/AddUserServiceAccountScreen.tsx | 13 ----- .../Console/Users/ChangeUserGroups.tsx | 3 -- .../src/screens/LoginPage/LoginCallback.tsx | 6 --- 56 files changed, 9 insertions(+), 720 deletions(-) diff --git a/portal-ui/src/screens/Console/Account/AddServiceAccountScreen.tsx b/portal-ui/src/screens/Console/Account/AddServiceAccountScreen.tsx index 4301705952..08ade8f0d9 100644 --- a/portal-ui/src/screens/Console/Account/AddServiceAccountScreen.tsx +++ b/portal-ui/src/screens/Console/Account/AddServiceAccountScreen.tsx @@ -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, }); diff --git a/portal-ui/src/screens/Console/Buckets/BucketDetails/AddLifecycleModal.tsx b/portal-ui/src/screens/Console/Buckets/BucketDetails/AddLifecycleModal.tsx index 325b73b683..45cbb7e668 100644 --- a/portal-ui/src/screens/Console/Buckets/BucketDetails/AddLifecycleModal.tsx +++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/AddLifecycleModal.tsx @@ -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 }, }, diff --git a/portal-ui/src/screens/Console/Buckets/BucketDetails/AddReplicationModal.tsx b/portal-ui/src/screens/Console/Buckets/BucketDetails/AddReplicationModal.tsx index e23ed3762e..345e4373ef 100644 --- a/portal-ui/src/screens/Console/Buckets/BucketDetails/AddReplicationModal.tsx +++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/AddReplicationModal.tsx @@ -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, diff --git a/portal-ui/src/screens/Console/Buckets/BucketDetails/BucketDetails.tsx b/portal-ui/src/screens/Console/Buckets/BucketDetails/BucketDetails.tsx index dd9de8acd5..0a8175fb45 100644 --- a/portal-ui/src/screens/Console/Buckets/BucketDetails/BucketDetails.tsx +++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/BucketDetails.tsx @@ -108,10 +108,6 @@ const styles = (theme: Theme) => pageContainer: { height: "100%", }, - screenTitle: { - border: 0, - paddingTop: 0, - }, ...pageContentStyles, ...searchField, capitalize: { diff --git a/portal-ui/src/screens/Console/Buckets/BucketDetails/EditLifecycleConfiguration.tsx b/portal-ui/src/screens/Console/Buckets/BucketDetails/EditLifecycleConfiguration.tsx index aa3ceafbc8..5c222be04d 100644 --- a/portal-ui/src/screens/Console/Buckets/BucketDetails/EditLifecycleConfiguration.tsx +++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/EditLifecycleConfiguration.tsx @@ -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 }, }, diff --git a/portal-ui/src/screens/Console/Buckets/BucketDetails/EditReplicationModal.tsx b/portal-ui/src/screens/Console/Buckets/BucketDetails/EditReplicationModal.tsx index 51bfcfd06f..4080be319c 100644 --- a/portal-ui/src/screens/Console/Buckets/BucketDetails/EditReplicationModal.tsx +++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/EditReplicationModal.tsx @@ -48,14 +48,6 @@ interface IEditReplicationModal { const styles = (theme: Theme) => createStyles({ - sizeFactorContainer: { - "& label": { - display: "none", - }, - "& div:first-child": { - marginBottom: 0, - }, - }, ...spacingUtils, ...createTenantCommon, ...formFieldStyles, diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/AddBucket/AddBucket.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/AddBucket/AddBucket.tsx index 5971c9efef..43e1cd696c 100644 --- a/portal-ui/src/screens/Console/Buckets/ListBuckets/AddBucket/AddBucket.tsx +++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/AddBucket/AddBucket.tsx @@ -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", diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx index bdf1419c89..1c5205adc7 100644 --- a/portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx +++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx @@ -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)", diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ObjectMetaData.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ObjectMetaData.tsx index feaf81b879..a3201897ab 100644 --- a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ObjectMetaData.tsx +++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ObjectMetaData.tsx @@ -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%", }, diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ShareFile.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ShareFile.tsx index ed52a03244..aebc2a6aa1 100644 --- a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ShareFile.tsx +++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ShareFile.tsx @@ -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, }); diff --git a/portal-ui/src/screens/Console/Common/ComponentsScreen.tsx b/portal-ui/src/screens/Console/Common/ComponentsScreen.tsx index 0745318903..325b7cb60a 100644 --- a/portal-ui/src/screens/Console/Common/ComponentsScreen.tsx +++ b/portal-ui/src/screens/Console/Common/ComponentsScreen.tsx @@ -15,40 +15,13 @@ // along with this program. If not, see . 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(false); return ( @@ -97,4 +70,4 @@ const ComponentsScreen = ({ classes }: IComponentsScreen) => { ); }; -export default withStyles(styles)(ComponentsScreen); +export default ComponentsScreen; diff --git a/portal-ui/src/screens/Console/Common/FormComponents/DateRangeSelector/DateRangeSelector.tsx b/portal-ui/src/screens/Console/Common/FormComponents/DateRangeSelector/DateRangeSelector.tsx index 4671a96688..87bccb14fc 100644 --- a/portal-ui/src/screens/Console/Common/FormComponents/DateRangeSelector/DateRangeSelector.tsx +++ b/portal-ui/src/screens/Console/Common/FormComponents/DateRangeSelector/DateRangeSelector.tsx @@ -15,18 +15,13 @@ // along with this program. If not, see . 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 ( { }; const DateRangeSelector = ({ - classes, timeStart, setTimeStart, timeEnd, @@ -279,4 +252,4 @@ const DateRangeSelector = ({ ); }; -export default withStyles(styles)(DateRangeSelector); +export default DateRangeSelector; diff --git a/portal-ui/src/screens/Console/Common/IconsScreen.tsx b/portal-ui/src/screens/Console/Common/IconsScreen.tsx index 252ea428e9..cfae4a2320 100644 --- a/portal-ui/src/screens/Console/Common/IconsScreen.tsx +++ b/portal-ui/src/screens/Console/Common/IconsScreen.tsx @@ -48,7 +48,6 @@ const styles = (theme: Theme) => height: 45, }, }, - def: {}, red: { "& .min-icon": { color: "red", diff --git a/portal-ui/src/screens/Console/Dashboard/Prometheus/PrDashboard.tsx b/portal-ui/src/screens/Console/Dashboard/Prometheus/PrDashboard.tsx index e3b0543ac0..2fbda5a3f9 100644 --- a/portal-ui/src/screens/Console/Dashboard/Prometheus/PrDashboard.tsx +++ b/portal-ui/src/screens/Console/Dashboard/Prometheus/PrDashboard.tsx @@ -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) => { diff --git a/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx b/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx index 6b6cbce568..bc90e67a01 100644 --- a/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx +++ b/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx @@ -61,9 +61,6 @@ interface ILinearGraphWidget { const styles = (theme: Theme) => createStyles({ ...widgetCommon, - verticalAlignment: { - flexDirection: "column", - }, chartCont: { position: "relative", height: 140, diff --git a/portal-ui/src/screens/Console/DirectPV/FormatErrorsResult.tsx b/portal-ui/src/screens/Console/DirectPV/FormatErrorsResult.tsx index 3f5d79a462..8acc2f0a8c 100644 --- a/portal-ui/src/screens/Console/DirectPV/FormatErrorsResult.tsx +++ b/portal-ui/src/screens/Console/DirectPV/FormatErrorsResult.tsx @@ -34,9 +34,6 @@ interface IFormatErrorsProps { const styles = (theme: Theme) => createStyles({ - buttonContainer: { - textAlign: "right", - }, errorsList: { height: "calc(100vh - 280px)", }, diff --git a/portal-ui/src/screens/Console/Groups/AddGroupScreen.tsx b/portal-ui/src/screens/Console/Groups/AddGroupScreen.tsx index fc5cce1010..16c7d0f5b0 100644 --- a/portal-ui/src/screens/Console/Groups/AddGroupScreen.tsx +++ b/portal-ui/src/screens/Console/Groups/AddGroupScreen.tsx @@ -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, }); diff --git a/portal-ui/src/screens/Console/IDP/AddIDPLDAPConfiguration.tsx b/portal-ui/src/screens/Console/IDP/AddIDPLDAPConfiguration.tsx index 569d1fea87..474eff1f88 100644 --- a/portal-ui/src/screens/Console/IDP/AddIDPLDAPConfiguration.tsx +++ b/portal-ui/src/screens/Console/IDP/AddIDPLDAPConfiguration.tsx @@ -15,34 +15,13 @@ // along with this program. If not, see . 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 ( } @@ -65,4 +44,4 @@ const AddIDPLDAPConfiguration = ({ classes }: AddIDPLDAPConfigurationProps) => { ); }; -export default withStyles(styles)(AddIDPLDAPConfiguration); +export default AddIDPLDAPConfiguration; diff --git a/portal-ui/src/screens/Console/IDP/IDPConfigurationDetails.tsx b/portal-ui/src/screens/Console/IDP/IDPConfigurationDetails.tsx index 4acdfccfa0..1b89de81e9 100644 --- a/portal-ui/src/screens/Console/IDP/IDPConfigurationDetails.tsx +++ b/portal-ui/src/screens/Console/IDP/IDPConfigurationDetails.tsx @@ -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)), diff --git a/portal-ui/src/screens/Console/Logs/ErrorLogs/ErrorLogs.tsx b/portal-ui/src/screens/Console/Logs/ErrorLogs/ErrorLogs.tsx index 4f4839e70a..9ce56b42a6 100644 --- a/portal-ui/src/screens/Console/Logs/ErrorLogs/ErrorLogs.tsx +++ b/portal-ui/src/screens/Console/Logs/ErrorLogs/ErrorLogs.tsx @@ -66,11 +66,6 @@ const useStyles = makeStyles((theme: Theme) => nodeField: { width: "100%", }, - highlight: { - "& span": { - backgroundColor: "#082F5238", - }, - }, ...actionsTray, actionsTray: { ...actionsTray.actionsTray, diff --git a/portal-ui/src/screens/Console/Marketplace/SetEmailModal.tsx b/portal-ui/src/screens/Console/Marketplace/SetEmailModal.tsx index 6f825be191..efc7368c06 100644 --- a/portal-ui/src/screens/Console/Marketplace/SetEmailModal.tsx +++ b/portal-ui/src/screens/Console/Marketplace/SetEmailModal.tsx @@ -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)), }); diff --git a/portal-ui/src/screens/Console/NotificationEndpoints/CustomForms/EndpointDisplay.tsx b/portal-ui/src/screens/Console/NotificationEndpoints/CustomForms/EndpointDisplay.tsx index cd01a74d09..0c18eb05f8 100644 --- a/portal-ui/src/screens/Console/NotificationEndpoints/CustomForms/EndpointDisplay.tsx +++ b/portal-ui/src/screens/Console/NotificationEndpoints/CustomForms/EndpointDisplay.tsx @@ -31,11 +31,6 @@ const styles = (theme: Theme) => createStyles({ ...fieldBasic, ...settingsCommon, - settingsFormContainer: { - display: "grid", - gridTemplateColumns: "1fr", - gridGap: "10px", - }, }); interface IEndpointDisplayProps { diff --git a/portal-ui/src/screens/Console/ObjectBrowser/OBBucketList.tsx b/portal-ui/src/screens/Console/ObjectBrowser/OBBucketList.tsx index d78f9b75d6..80fffc771f 100644 --- a/portal-ui/src/screens/Console/ObjectBrowser/OBBucketList.tsx +++ b/portal-ui/src/screens/Console/ObjectBrowser/OBBucketList.tsx @@ -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)", diff --git a/portal-ui/src/screens/Console/Policies/PolicyDetails.tsx b/portal-ui/src/screens/Console/Policies/PolicyDetails.tsx index cd0a0b4570..3261e15b55 100644 --- a/portal-ui/src/screens/Console/Policies/PolicyDetails.tsx +++ b/portal-ui/src/screens/Console/Policies/PolicyDetails.tsx @@ -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, diff --git a/portal-ui/src/screens/Console/Support/GetApiKeyModal.tsx b/portal-ui/src/screens/Console/Support/GetApiKeyModal.tsx index 9f570ebde0..05f2f7790c 100644 --- a/portal-ui/src/screens/Console/Support/GetApiKeyModal.tsx +++ b/portal-ui/src/screens/Console/Support/GetApiKeyModal.tsx @@ -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", }, diff --git a/portal-ui/src/screens/Console/Support/Register.tsx b/portal-ui/src/screens/Console/Support/Register.tsx index 80ddc86860..ed525a36e4 100644 --- a/portal-ui/src/screens/Console/Support/Register.tsx +++ b/portal-ui/src/screens/Console/Support/Register.tsx @@ -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", diff --git a/portal-ui/src/screens/Console/Support/RegisterOperator.tsx b/portal-ui/src/screens/Console/Support/RegisterOperator.tsx index 662a93f443..cefee1b4d1 100644 --- a/portal-ui/src/screens/Console/Support/RegisterOperator.tsx +++ b/portal-ui/src/screens/Console/Support/RegisterOperator.tsx @@ -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, diff --git a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigLogSearch.tsx b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigLogSearch.tsx index e621a20636..111fbbbb43 100644 --- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigLogSearch.tsx +++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigLogSearch.tsx @@ -68,12 +68,6 @@ const styles = (theme: Theme) => }, }, - logSearchEnabledFields: { - marginLeft: 20, // 2nd Level(15+15) - padding: 10, - width: "90%", - margin: "auto", - }, fieldSpaceTop: { marginTop: 15, }, diff --git a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigPrometheus.tsx b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigPrometheus.tsx index 8e6454a72a..44cceb9791 100644 --- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigPrometheus.tsx +++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigPrometheus.tsx @@ -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, }); diff --git a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSize.tsx b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSize.tsx index 06bbdec25d..36398c9a23 100644 --- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSize.tsx +++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSize.tsx @@ -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, diff --git a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeMK.tsx b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeMK.tsx index d997964ef4..18c882e7da 100644 --- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeMK.tsx +++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeMK.tsx @@ -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, diff --git a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeResources.tsx b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeResources.tsx index e06571f772..4e5933e4dc 100644 --- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeResources.tsx +++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeResources.tsx @@ -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, diff --git a/portal-ui/src/screens/Console/Tenants/ListTenants/ListTenants.tsx b/portal-ui/src/screens/Console/Tenants/ListTenants/ListTenants.tsx index ce49f9fd6e..64de202eb7 100644 --- a/portal-ui/src/screens/Console/Tenants/ListTenants/ListTenants.tsx +++ b/portal-ui/src/screens/Console/Tenants/ListTenants/ListTenants.tsx @@ -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)", }, diff --git a/portal-ui/src/screens/Console/Tenants/ListTenants/TenantListItem.tsx b/portal-ui/src/screens/Console/Tenants/ListTenants/TenantListItem.tsx index edbc428787..fe3fb428a6 100644 --- a/portal-ui/src/screens/Console/Tenants/ListTenants/TenantListItem.tsx +++ b/portal-ui/src/screens/Console/Tenants/ListTenants/TenantListItem.tsx @@ -68,7 +68,6 @@ const styles = (theme: Theme) => marginRight: 4, }, }, - tenantIcon: { width: 40, height: 40, position: "relative" }, tenantItem: { border: "1px solid #EAEAEA", marginBottom: 16, diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/EditTenantMonitoringScreen.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/EditTenantMonitoringScreen.tsx index 618a5881ef..791e00cae4 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/EditTenantMonitoringScreen.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/EditTenantMonitoringScreen.tsx @@ -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, diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/KeyPairEdit.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/KeyPairEdit.tsx index d381eb8d97..6c774c0d38 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/KeyPairEdit.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/KeyPairEdit.tsx @@ -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", diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/LoggingDBDetails.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/LoggingDBDetails.tsx index a432f1774f..efdfbc5d3b 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/LoggingDBDetails.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/LoggingDBDetails.tsx @@ -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, diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/LoggingDetails.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/LoggingDetails.tsx index c3c061a7d6..7734626555 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/LoggingDetails.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/LoggingDetails.tsx @@ -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, diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantAuditLogsScreen.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantAuditLogsScreen.tsx index aea268c527..e1e0bbcb86 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantAuditLogsScreen.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantAuditLogsScreen.tsx @@ -66,10 +66,6 @@ interface ILoggingScreenProps { const styles = (theme: Theme) => createStyles({ - breadcrumLink: { - textDecoration: "none", - color: "black", - }, ...containerForHeader(theme.spacing(4)), }); diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantCSR.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantCSR.tsx index be14f6930d..26e544832f 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantCSR.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantCSR.tsx @@ -44,9 +44,6 @@ interface ITenantCSRProps { const styles = (theme: Theme) => createStyles({ - tableWrapper: { - height: "450px", - }, ...actionsTray, ...searchField, ...tableStyles, diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantConfiguration.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantConfiguration.tsx index c374a969b2..8844539857 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantConfiguration.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantConfiguration.tsx @@ -90,8 +90,6 @@ const styles = (theme: Theme) => loaderAlign: { textAlign: "center", }, - bold: { fontWeight: "bold" }, - italic: { fontStyle: "italic" }, fileItem: { marginRight: 10, display: "flex", diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx index 8703a17b54..bb6b5a95a4 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx @@ -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) => { diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantEncryption.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantEncryption.tsx index 88e8fe9edf..e3e56bed86 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantEncryption.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantEncryption.tsx @@ -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, diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantIdentityProvider.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantIdentityProvider.tsx index 5c4c1cb801..18a43e7e1f 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantIdentityProvider.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantIdentityProvider.tsx @@ -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, diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSecurity.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSecurity.tsx index 9bb8518d98..3ccfdd475d 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSecurity.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSecurity.tsx @@ -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", diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSummary.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSummary.tsx index e663b9d2be..b19abd333e 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSummary.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSummary.tsx @@ -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", diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantYAML.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantYAML.tsx index 37a218beb1..7a3012ef9e 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantYAML.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantYAML.tsx @@ -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, }); diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/events/EventsList.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/events/EventsList.tsx index a9fb066299..313db1cedc 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/events/EventsList.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/events/EventsList.tsx @@ -15,9 +15,6 @@ // along with this program. If not, see . 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 ; } @@ -123,4 +105,4 @@ const EventsList = ({ classes, events, loading }: IEventsListProps) => { ); }; -export default withStyles(styles)(EventsList); +export default EventsList; diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/pods/PodDescribe.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/pods/PodDescribe.tsx index 9eb415ea88..de06ee3510 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/pods/PodDescribe.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/pods/PodDescribe.tsx @@ -15,15 +15,6 @@ // along with this program. If not, see . 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; diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/pods/PodEvents.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/pods/PodEvents.tsx index 2ec5ea641f..64dd34d70d 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/pods/PodEvents.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/pods/PodEvents.tsx @@ -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; diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/pvcs/PVCDescribe.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/pvcs/PVCDescribe.tsx index 9a344fd303..84528af753 100644 --- a/portal-ui/src/screens/Console/Tenants/TenantDetails/pvcs/PVCDescribe.tsx +++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/pvcs/PVCDescribe.tsx @@ -50,10 +50,6 @@ const styles = (theme: Theme) => ...buttonsStyles, ...searchField, ...hrClass, - actionsTray: { - ...actionsTray.actionsTray, - padding: "15px 0 0", - }, }); const twoColCssGridLayoutConfig = { diff --git a/portal-ui/src/screens/Console/Trace/Trace.tsx b/portal-ui/src/screens/Console/Trace/Trace.tsx index d04615fb58..54771c55af 100644 --- a/portal-ui/src/screens/Console/Trace/Trace.tsx +++ b/portal-ui/src/screens/Console/Trace/Trace.tsx @@ -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)), }); diff --git a/portal-ui/src/screens/Console/Users/AddUserScreen.tsx b/portal-ui/src/screens/Console/Users/AddUserScreen.tsx index d11e5d6772..b2d472a391 100644 --- a/portal-ui/src/screens/Console/Users/AddUserScreen.tsx +++ b/portal-ui/src/screens/Console/Users/AddUserScreen.tsx @@ -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, }); diff --git a/portal-ui/src/screens/Console/Users/AddUserServiceAccountScreen.tsx b/portal-ui/src/screens/Console/Users/AddUserServiceAccountScreen.tsx index 84fe002183..e61de2042e 100644 --- a/portal-ui/src/screens/Console/Users/AddUserServiceAccountScreen.tsx +++ b/portal-ui/src/screens/Console/Users/AddUserServiceAccountScreen.tsx @@ -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, }); diff --git a/portal-ui/src/screens/Console/Users/ChangeUserGroups.tsx b/portal-ui/src/screens/Console/Users/ChangeUserGroups.tsx index 53626c4b46..19ffa8ae4b 100644 --- a/portal-ui/src/screens/Console/Users/ChangeUserGroups.tsx +++ b/portal-ui/src/screens/Console/Users/ChangeUserGroups.tsx @@ -36,9 +36,6 @@ import Box from "@mui/material/Box"; const styles = (theme: Theme) => createStyles({ - buttonContainer: { - textAlign: "right", - }, ...spacingUtils, ...modalBasic, }); diff --git a/portal-ui/src/screens/LoginPage/LoginCallback.tsx b/portal-ui/src/screens/LoginPage/LoginCallback.tsx index f17ff48139..53bbc7f6ff 100644 --- a/portal-ui/src/screens/LoginPage/LoginCallback.tsx +++ b/portal-ui/src/screens/LoginPage/LoginCallback.tsx @@ -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,