jams-react-client: cast makeStyles parameter with Theme

Change-Id: I2ce80baf096a3c0228d84dedeb00c2bc1f43c75d

jams-react-client/src/components/CaSetup/CaSetup.tsx

@@ -18,8 +18,9 @@ import Input from "@mui/material/Input";
 import Typography from "@mui/material/Typography";
 
 import i18next from "i18next";
+import { Theme } from "@mui/material";
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles((theme: Theme) => ({
   paper: {
     marginTop: theme.spacing(8),
     display: "flex",

jams-react-client/src/components/Card/Card.tsx

@@ -8,7 +8,7 @@ import { makeStyles } from "@mui/styles";
 // core components
 import styles from "assets/jss/material-dashboard-react/components/cardStyle";
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 export default function Card(props) {
   const classes = useStyles();

jams-react-client/src/components/Card/CardAvatar.tsx

@@ -8,7 +8,7 @@ import { makeStyles } from "@mui/styles";
 
 import styles from "assets/jss/material-dashboard-react/components/cardAvatarStyle";
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 export default function CardAvatar(props) {
   const classes = useStyles();

jams-react-client/src/components/Card/CardBody.tsx

@@ -8,7 +8,7 @@ import { makeStyles } from "@mui/styles";
 // core components
 import styles from "assets/jss/material-dashboard-react/components/cardBodyStyle";
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 export default function CardBody(props) {
   const classes = useStyles();

jams-react-client/src/components/Card/CardFooter.tsx

@@ -8,7 +8,7 @@ import { makeStyles } from "@mui/styles";
 // core components
 import styles from "assets/jss/material-dashboard-react/components/cardFooterStyle";
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 export default function CardFooter(props) {
   const classes = useStyles();

jams-react-client/src/components/Card/CardHeader.tsx

@@ -8,7 +8,7 @@ import { makeStyles } from "@mui/styles";
 // core components
 import styles from "assets/jss/material-dashboard-react/components/cardHeaderStyle";
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 export default function CardHeader(props) {
   const classes = useStyles();

jams-react-client/src/components/Card/CardIcon.tsx

@@ -8,7 +8,7 @@ import { makeStyles } from "@mui/styles";
 // core components
 import styles from "assets/jss/material-dashboard-react/components/cardIconStyle";
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 export default function CardIcon(props) {
   const classes = useStyles();

jams-react-client/src/components/CreateAdmin/CreateAdmin.tsx

@@ -14,8 +14,9 @@ import { api_path_post_install_admin } from "../../globalUrls";
 import auth from "../../auth";
 
 import i18next from "i18next";
+import { Theme } from "@mui/material";
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles((theme: Theme) => ({
   paper: {
     marginTop: theme.spacing(8),
     display: "flex",

jams-react-client/src/components/CustomButtons/Button.tsx

@@ -8,7 +8,7 @@ import Button from "@mui/material/Button";
 
 import styles from "assets/jss/material-dashboard-react/components/buttonStyle";
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 export default function RegularButton(props) {
   const classes = useStyles();

jams-react-client/src/components/CustomInput/CustomInput.tsx

@@ -11,7 +11,7 @@ import Check from "@mui/icons-material/Check";
 // core components
 import styles from "assets/jss/material-dashboard-react/components/customInputStyle";
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 export default function CustomInput(props) {
   const classes = useStyles();

jams-react-client/src/components/CustomUiPreview/CustomUiPreview.tsx

@@ -100,7 +100,7 @@ const styles = {
   },
 };
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 interface CustomUiPreviewProps {
   isOldPreview: boolean;

jams-react-client/src/components/CustomUiPreview/JamiIdCard.tsx

@@ -56,7 +56,7 @@ const styles = {
   },
 };
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 interface JamiIdCardProps {
   color: string;

jams-react-client/src/components/CustomUiPreview/TipBox.tsx

@@ -28,7 +28,7 @@ const styles = {
   },
 };
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 interface TipBoxProps {
   color: string;

jams-react-client/src/components/CustomizedSteppers/CustomizedSteppers.tsx

@@ -10,6 +10,7 @@ import GroupAddIcon from "@mui/icons-material/GroupAdd";
 import VideoLabelIcon from "@mui/icons-material/VideoLabel";
 
 import i18next from "i18next";
+import { Theme } from "@mui/material";
 
 const useQontoStepIconStyles = makeStyles({
   root: {
@@ -124,7 +125,7 @@ ColorlibStepIcon.propTypes = {
   icon: PropTypes.node,
 };
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles((theme: Theme) => ({
   root: {
     width: "100%",
   },

jams-react-client/src/components/Devices/Devices.tsx

@@ -32,7 +32,7 @@ import i18next from "i18next";
 import EditDeviceDialog from "./EditDeviceDialog";
 import RevokeDeviceDialog from "./RevokeDeviceDialog";
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 interface DevicesProps {
   username: string;

jams-react-client/src/components/Drawer/Drawer.tsx

@@ -10,12 +10,13 @@ import {
   ListItem,
   ListItemText,
   Avatar,
+  Theme,
 } from "@mui/material";
 
 import CustomInput from "components/CustomInput/CustomInput";
 import noProfilePicture from "assets/img/faces/no-profile-picture.png";
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles((theme: Theme) => ({
   list: {
     width: "100%",
     [theme.breakpoints.up("xl")]: {

jams-react-client/src/components/Footer/Footer.tsx

@@ -4,7 +4,7 @@ import styles from "assets/jss/material-dashboard-react/components/footerStyle";
 
 import pjson from "../../../package.json";
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 export default function Footer() {
   const classes = useStyles();

jams-react-client/src/components/Grid/GridContainer.tsx

@@ -10,7 +10,7 @@ const styles = {
   },
 };
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 export default function GridContainer(props) {
   const classes = useStyles();

jams-react-client/src/components/Grid/GridItem.tsx

@@ -10,7 +10,7 @@ const styles = {
   },
 };
 
-const useStyles = makeStyles(styles);
+const useStyles = makeStyles(styles as any);
 
 interface GridItemProps extends OverridableComponent<GridTypeMap> {
   children: React.ReactNode;

jams-react-client/src/components/IdentityManagement/IdentityManagement.tsx

@@ -21,8 +21,9 @@ import auth from "../../auth";
 import * as Yup from "yup";
 
 import i18next from "i18next";
+import { Theme } from "@mui/material";
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles((theme: Theme) => ({
   paper: {
     marginTop: theme.spacing(8),
     display: "flex",