fix: remove unused import

src/ui/components/pages/service/section/blocFilter.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import Card from '@mui/material/Card';
 import { makeStyles } from 'tss-react/mui';
 import TreeView from '@mui/lab/TreeView';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
@@ -8,7 +7,6 @@ import TreeItem from '@mui/lab/TreeItem';
 import Autocomplete from '@mui/material/Autocomplete';
 import Button from '@mui/material/Button';
 import TextField from '@mui/material/TextField';
-import Box from '@mui/material/Box';
 
 import { top100Films } from './top100films';
 

src/ui/components/pages/service/section/blocFunction.js

@@ -1,53 +1,52 @@
-import { Box, Card } from '@mui/material';
 import React, { useEffect } from 'react';
-import { makeStyles } from 'tss-react/mui';
+//import { makeStyles } from 'tss-react/mui';
 
 const BlocFunction = ({ functions }) => {
 	useEffect(() => {
 		console.log(functions);
 	}, [functions]);
 
-	const { classes, theme } = useStyles();
+	//const { classes, theme } = useStyles();
 
 	return <div>Functions</div>;
 };
 
-const useStyles = makeStyles()((theme) => ({
-	box: {
-		display: 'flex',
-		flexDirection: 'column',
-		height: '100%',
-		minWidth: 50,
-	},
-	card: {
-		boxShadow: theme.shadows[4],
-		[theme.breakpoints.up('xs')]: {
-			paddingTop: theme.spacing(1),
-			paddingBottom: theme.spacing(1),
-			paddingLeft: theme.spacing(1),
-			paddingRight: theme.spacing(1),
-		},
-		[theme.breakpoints.up('sm')]: {
-			paddingTop: theme.spacing(2),
-			paddingBottom: theme.spacing(2),
-			paddingLeft: theme.spacing(2),
-			paddingRight: theme.spacing(2),
-		},
-		[theme.breakpoints.up('md')]: {
-			paddingTop: theme.spacing(3),
-			paddingBottom: theme.spacing(3),
-			paddingLeft: theme.spacing(3),
-			paddingRight: theme.spacing(3),
-		},
-		[theme.breakpoints.up('lg')]: {
-			paddingTop: theme.spacing(4),
-			paddingBottom: theme.spacing(4),
-			paddingLeft: theme.spacing(4),
-			paddingRight: theme.spacing(4),
-		},
-		maxWidth: 1280,
-		width: '100%',
-	},
-}));
+// const useStyles = makeStyles()((theme) => ({
+// 	box: {
+// 		display: 'flex',
+// 		flexDirection: 'column',
+// 		height: '100%',
+// 		minWidth: 50,
+// 	},
+// 	card: {
+// 		boxShadow: theme.shadows[4],
+// 		[theme.breakpoints.up('xs')]: {
+// 			paddingTop: theme.spacing(1),
+// 			paddingBottom: theme.spacing(1),
+// 			paddingLeft: theme.spacing(1),
+// 			paddingRight: theme.spacing(1),
+// 		},
+// 		[theme.breakpoints.up('sm')]: {
+// 			paddingTop: theme.spacing(2),
+// 			paddingBottom: theme.spacing(2),
+// 			paddingLeft: theme.spacing(2),
+// 			paddingRight: theme.spacing(2),
+// 		},
+// 		[theme.breakpoints.up('md')]: {
+// 			paddingTop: theme.spacing(3),
+// 			paddingBottom: theme.spacing(3),
+// 			paddingLeft: theme.spacing(3),
+// 			paddingRight: theme.spacing(3),
+// 		},
+// 		[theme.breakpoints.up('lg')]: {
+// 			paddingTop: theme.spacing(4),
+// 			paddingBottom: theme.spacing(4),
+// 			paddingLeft: theme.spacing(4),
+// 			paddingRight: theme.spacing(4),
+// 		},
+// 		maxWidth: 1280,
+// 		width: '100%',
+// 	},
+// }));
 
 export default BlocFunction;