Remove unused CSS Classes (#2623)

minio · Feb 2, 2023 · 8d4d6ea · 8d4d6ea
1 parent f337a8d
commit 8d4d6ea
Show file tree

Hide file tree

Showing 56 changed files with 9 additions and 720 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;
diff --git 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 <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;
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;