fix repos

Author: filippomc

applications/osb-portal/src/components/common/RepositoriesWorkspacesSearchField.tsx

@@ -12,9 +12,9 @@ import { bgRegular, chipTextColor } from "../../theme";
 import styled from "@mui/system/styled";
 import { debounce } from "lodash";
 
-const StyledTextField = styled(TextField)(({ theme }) => ({
+const StyledTextField = styled(TextField)({
   backgroundColor: bgRegular,
-  padding: theme.spacing(1),
+  padding: 1,
   marginRight: "0.286rem",
   "& .MuiSvgIcon-root": {
     width: "1.25rem",
@@ -31,12 +31,12 @@ const StyledTextField = styled(TextField)(({ theme }) => ({
     },
   },
   "& .MuiInputBase-input": {
-    padding: theme.spacing(0),
+    padding: 0,
     fontSize: ".88rem",
     color: chipTextColor,
     fontWeight: 500,
   },
-}));
+});
 
 interface RepositoriesSearchProps {
   filterChanged: (newFilter: string) => void;

applications/osb-portal/src/components/common/SearchFilterReposWorkspaces.tsx

@@ -44,19 +44,19 @@ interface SearchReposWorkspacesProps {
   setLoading?: (loading: boolean) => void;
 }
 
-const StyledLabel = styled(Typography)(({ theme }) => ({
+const StyledLabel = styled(Typography)({
   color: bgInputs,
   fontWeight: 700,
   fontSize: ".88rem",
-  marginBottom: theme.spacing(1),
+  marginBottom: 1,
   display: "inline-block",
-}));
+});
 
-const StyledPopover = styled(Popover)(({ theme }) => ({
+const StyledPopover = styled(Popover)({
   "& .MuiPaper-root": {
     background: chipBg,
     minWidth: "350px !important",
-    padding: theme.spacing(3),
+    padding: 3,
     boxShadow: "0px 10px 60px rgba(0, 0, 0, 0.5)",
     "& .MuiSvgIcon-root": {
       cursor: "pointer",
@@ -68,7 +68,7 @@ const StyledPopover = styled(Popover)(({ theme }) => ({
       paddingBottom: 0,
       marginBottom: ".88rem",
       "& .MuiSvgIcon-root": {
-        marginLeft: theme.spacing(1),
+        marginLeft: 1,
         color: paragraph,
       },
       "& .MuiInputBase-root": {
@@ -86,7 +86,7 @@ const StyledPopover = styled(Popover)(({ theme }) => ({
       },
     },
   },
-}));
+});
 
 const StyledFilterButton = styled(Button)({
   borderRadius: "0px 8px 8px 0px",

applications/osb-portal/src/components/common/ThumbnailUploadArea.tsx

@@ -15,14 +15,14 @@ import { alpha } from "@mui/material/styles";
 
 const MAX_ALLOWED_THUMBNAIL_SIZE = 1024 * 1024; // 1MB
 
-export const StyledDropZoneBox = styled(Box)(({ theme }) => ({
+export const StyledDropZoneBox = styled(Box)({
   color: bgInputs,
   border: `2px dashed ${bgInputs}`,
   borderRadius: 5,
   padding: 4,
   "& .MuiTypography-subtitle2": {
-    marginTop: theme.spacing(1),
-    marginBottom: theme.spacing(2),
+    marginTop: 1,
+    marginBottom: 2,
   },
   "& .MuiButton-outlined": {
     margin: "0 auto",
@@ -32,7 +32,7 @@ export const StyledDropZoneBox = styled(Box)(({ theme }) => ({
     borderRadius: radius,
     border: `2px solid ${bgInputs}`,
   },
-}));
+});
 
 export const StyledImagePreviewSection = styled("section")(() => ({
   display: "flex",

applications/osb-portal/src/components/repository/EditRepoDialog.tsx

@@ -166,7 +166,7 @@ const RepoSelect = styled(Select)(({ theme }) => ({
   },
 
   "& .MuiSvgIcon-root": {
-    right: theme.spacing(1),
+    right: 1,
   },
 }));
 

applications/osb-portal/src/components/repository/RepositoryPageBanner.tsx

@@ -20,19 +20,19 @@ import CalendarTodayOutlinedIcon from "@mui/icons-material/CalendarTodayOutlined
 //types
 import { OSBRepository } from "../../apiclient/workspaces";
 
-const RepoPageBannerBox = styled(Box)(({ theme }) => ({
+const RepoPageBannerBox = styled(Box)({
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   justifyContent: "center",
-  padding: theme.spacing(5),
+  padding: 5,
   minHeight: "200px",
 
   "& .MuiChip-root": {
     background: chipBg,
     margin: "0.25rem",
   },
-}));
+});
 
 const RepositoryPageBanner = ({
   repository,

applications/osb-portal/src/pages/UserGroupsPage.tsx

@@ -34,16 +34,16 @@ import LinkIcon from "@mui/icons-material/Link";
 import { RootState } from "../store/rootReducer";
 
 const styles = {
-  groupMembers: (theme) => ({
+  groupMembers: {
     flexDirection: "column",
     paddingBottom: "0px !important",
     backgroundColor: bgDarker,
-  }),
-  profileInformation: (theme) => ({
+  },
+  profileInformation: {
     flexDirection: "column",
     backgroundColor: bgDarker,
     borderRight: `1px solid ${lineColor}`,
-    paddingRight: theme.spacing(3),
+    paddingRight: 3,
     overflowY: 'auto',
     maxHeight: "100%",
 
@@ -59,7 +59,7 @@ const styles = {
     "& .MuiAvatar-root": {
       width: "150px",
       height: "150px",
-      marginBottom: theme.spacing(2),
+      marginBottom: 2,
     },
     "& .name": {
       color: textColor,
@@ -89,7 +89,7 @@ const styles = {
         marginLeft: 0,
       },
     },
-  }),
+  },
   dot: {
     height: "5px",
     width: "5px",
@@ -329,7 +329,7 @@ export const UserGroupsPage = () => {
           >
             <Box
               bgcolor={bgDarkest}
-              px={(theme) => theme.spacing(4)}
+              px={4}
               sx={{ borderBottom: `1px solid ${lineColor}` }}
             >
               <Tabs

applications/osb-portal/src/pages/UserPage.tsx

@@ -663,7 +663,7 @@ export const UserPage = () => {
           >
             <Box
               bgcolor={bgDarkest}
-              px={(theme) => theme.spacing(4)}
+              px={4}
               sx={{ borderBottom: `1px solid ${lineColor}` }}
             >
               <Tabs