style: added tss package and changed imports to makeStyles - Ref gest…

…ion-de-projet#2096
aphp · May 24, 2023 · f30e997 · f30e997
1 parent ccbf7bb
commit f30e997
Show file tree

Hide file tree

Showing 102 changed files with 111 additions and 102 deletions.
diff --git a/package.json b/package.json
@@ -42,7 +42,8 @@
     "redux-devtools-extension": "^2.13.9",
     "redux-logger": "^3.0.6",
     "redux-persist": "^6.0.0",
-    "redux-state-sync": "^3.1.4"
+    "redux-state-sync": "^3.1.4",
+    "tss-react": "^4.8.4"
   },
   "resolutions": {
     "nth-check": "^2.0.1"

diff --git a/src/components/CreationCohort/DiagramView/components/Breadcrumbs/styles.ts b/src/components/CreationCohort/DiagramView/components/Breadcrumbs/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/...eationCohort/DiagramView/components/CriteriaCard/components/CriteriaCardContent/styles.ts b/...eationCohort/DiagramView/components/CriteriaCard/components/CriteriaCardContent/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/src/components/CreationCohort/DiagramView/components/CriteriaCard/styles.ts b/src/components/CreationCohort/DiagramView/components/CriteriaCard/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/.../LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/OccurrencesInputs/styles.ts b/.../LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/OccurrencesInputs/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...onents/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/VisitInputs/styles.ts b/...onents/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/VisitInputs/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   inputItem: {

diff --git a/...ramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/styles.ts b/...ramView/components/LogicalOperator/components/CriteriaRightPanel/AdvancedInputs/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({}))
 

diff --git a/...nents/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Form/styles.ts b/...nents/LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Form/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/.../LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Hierarchy/styles.ts b/.../LogicalOperator/components/CriteriaRightPanel/BiologyForm/components/Hierarchy/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...iagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/styles.ts b/...iagramView/components/LogicalOperator/components/CriteriaRightPanel/BiologyForm/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   tabs: {

diff --git a/...w/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Form/styles.ts b/...w/components/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Form/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...ponents/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Hierarchy/styles.ts b/...ponents/LogicalOperator/components/CriteriaRightPanel/CCAM/components/Hierarchy/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...ohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/styles.ts b/...ohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/CCAM/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   tabs: {

diff --git a/...ponents/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Form/styles.ts b/...ponents/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Form/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...ts/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Hierarchy/styles.ts b/...ts/LogicalOperator/components/CriteriaRightPanel/Cim10Form/components/Hierarchy/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/.../DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/styles.ts b/.../DiagramView/components/LogicalOperator/components/CriteriaRightPanel/Cim10Form/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   tabs: {

diff --git a/...amView/components/LogicalOperator/components/CriteriaRightPanel/DemographicFrom/styles.ts b/...amView/components/LogicalOperator/components/CriteriaRightPanel/DemographicFrom/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...gramView/components/LogicalOperator/components/CriteriaRightPanel/DocumentsForm/styles.ts b/...gramView/components/LogicalOperator/components/CriteriaRightPanel/DocumentsForm/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...ew/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Form/styles.ts b/...ew/components/LogicalOperator/components/CriteriaRightPanel/GHM/components/Form/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...mponents/LogicalOperator/components/CriteriaRightPanel/GHM/components/Hierarchy/styles.ts b/...mponents/LogicalOperator/components/CriteriaRightPanel/GHM/components/Hierarchy/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...Cohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/styles.ts b/...Cohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/GHM/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   tabs: {

diff --git a/...ts/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Form/styles.ts b/...ts/LogicalOperator/components/CriteriaRightPanel/MedicationForm/components/Form/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...gicalOperator/components/CriteriaRightPanel/MedicationForm/components/Hierarchy/styles.ts b/...gicalOperator/components/CriteriaRightPanel/MedicationForm/components/Hierarchy/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...ramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/styles.ts b/...ramView/components/LogicalOperator/components/CriteriaRightPanel/MedicationForm/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   tabs: {

diff --git a/...iagramView/components/LogicalOperator/components/CriteriaRightPanel/RequestForm/styles.ts b/...iagramView/components/LogicalOperator/components/CriteriaRightPanel/RequestForm/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...gramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/styles.ts b/...gramView/components/LogicalOperator/components/CriteriaRightPanel/SupportedForm/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...tionCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/styles.ts b/...tionCohort/DiagramView/components/LogicalOperator/components/CriteriaRightPanel/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/...ionCohort/DiagramView/components/LogicalOperator/components/LogicalOperatorItem/styles.ts b/...ionCohort/DiagramView/components/LogicalOperator/components/LogicalOperatorItem/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   backDrop: {

diff --git a/src/components/CreationCohort/DiagramView/components/LogicalOperator/styles.ts b/src/components/CreationCohort/DiagramView/components/LogicalOperator/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   backDrop: {

diff --git a/src/components/CreationCohort/DiagramView/components/PopulationCard/components/styles.ts b/src/components/CreationCohort/DiagramView/components/PopulationCard/components/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/src/components/CreationCohort/DiagramView/components/PopulationCard/styles.ts b/src/components/CreationCohort/DiagramView/components/PopulationCard/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/...ort/DiagramView/components/TemporalConstraintCard/components/EventSequenceTable/styles.ts b/...ort/DiagramView/components/TemporalConstraintCard/components/EventSequenceTable/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   inputContainer: {

diff --git a/...agramView/components/TemporalConstraintCard/components/TemporalConstraintConfig/styles.ts b/...agramView/components/TemporalConstraintCard/components/TemporalConstraintConfig/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   input: {

diff --git a/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/styles.ts b/src/components/CreationCohort/DiagramView/components/TemporalConstraintCard/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/src/components/CreationCohort/DiagramView/styles.ts b/src/components/CreationCohort/DiagramView/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/src/components/CreationCohort/JsonView/styles.ts b/src/components/CreationCohort/JsonView/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   root: {

diff --git a/src/components/CreationCohort/Modals/ModalCohortTitle/styles.ts b/src/components/CreationCohort/Modals/ModalCohortTitle/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   inputContainer: {

diff --git a/src/components/CreationCohort/Modals/ModalCreateNewRequest/styles.ts b/src/components/CreationCohort/Modals/ModalCreateNewRequest/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   inputContainer: {

diff --git a/src/components/CreationCohort/styles.ts b/src/components/CreationCohort/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   grid: {

diff --git a/src/components/Dashboard/ExportModal/styles.ts b/src/components/Dashboard/ExportModal/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/src/components/Dashboard/PatientList/components/styles.ts b/src/components/Dashboard/PatientList/components/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/src/components/Dashboard/Preview/Charts/styles.js b/src/components/Dashboard/Preview/Charts/styles.js
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   tooltip: {

diff --git a/src/components/Dashboard/Preview/styles.ts b/src/components/Dashboard/Preview/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/src/components/ErrorView/styles.ts b/src/components/ErrorView/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { smallDrawerWidth, largeDrawerWidth } from 'components/Routes/LeftSideBar/LeftSideBar'
 
 export default makeStyles((theme: any) => ({

diff --git a/src/components/Filters/BiologyFilters/styles.js b/src/components/Filters/BiologyFilters/styles.js
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   dialog: {

diff --git a/src/components/Filters/CohortsFilters/styles.js b/src/components/Filters/CohortsFilters/styles.js
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   dialog: {

diff --git a/src/components/Filters/DocumentFilters/styles.js b/src/components/Filters/DocumentFilters/styles.js
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   dialog: {

diff --git a/src/components/Filters/MedicationFilters/styles.js b/src/components/Filters/MedicationFilters/styles.js
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   dialog: {

diff --git a/src/components/Filters/PMSIFilters/styles.js b/src/components/Filters/PMSIFilters/styles.js
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   dialog: {

diff --git a/src/components/Filters/PatientFilters/styles.js b/src/components/Filters/PatientFilters/styles.js
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   dialog: {

diff --git a/src/components/Filters/SortDialog/styles.js b/src/components/Filters/SortDialog/styles.js
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   dialog: {

diff --git a/src/components/Inputs/InputAgeRange/styles.js b/src/components/Inputs/InputAgeRange/styles.js
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   ageFilter: {

diff --git a/src/components/Inputs/InputDate/styles.jsx b/src/components/Inputs/InputDate/styles.jsx
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   formControl: { margin: '1em' },

diff --git a/src/components/Inputs/InputNumber/styles.jsx b/src/components/Inputs/InputNumber/styles.jsx
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   formControl: { margin: '1em' },

diff --git a/src/components/Inputs/InputSearchDocument/components/DocumentSearchHelp/styles.js b/src/components/Inputs/InputSearchDocument/components/DocumentSearchHelp/styles.js
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   dialog: {

diff --git a/src/components/Inputs/InputSearchDocument/components/styles.ts b/src/components/Inputs/InputSearchDocument/components/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/src/components/Inputs/PatientSearchBar/styles.ts b/src/components/Inputs/PatientSearchBar/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({
@@ -20,6 +20,14 @@ const useStyles = makeStyles((theme: Theme) => ({
   input: {
     marginLeft: theme.spacing(1),
     flex: 1
+  },
+  select: {
+    marginRight: 4,
+    borderRadius: 25,
+    backgroundColor: '#FFF',
+    '& .MuiSelect-select': {
+      borderRadius: 25
+    }
   }
 }))
 

diff --git a/src/components/Inputs/ScopeSearchBar/styles.ts b/src/components/Inputs/ScopeSearchBar/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 import { Theme } from '@mui/material/styles'
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/src/components/MasterChips/styles.js b/src/components/MasterChips/styles.js
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   chips: {

diff --git a/src/components/MyProjects/Modals/ModalAddOrEditProject/styles.ts b/src/components/MyProjects/Modals/ModalAddOrEditProject/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   deleteButton: {

diff --git a/src/components/MyProjects/Modals/ModalDeleteRequests/styles.ts b/src/components/MyProjects/Modals/ModalDeleteRequests/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   deleteButton: {

diff --git a/src/components/MyProjects/Modals/ModalEditCohort/styles.ts b/src/components/MyProjects/Modals/ModalEditCohort/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   inputContainer: {

diff --git a/src/components/MyProjects/Modals/ModalShareRequest/components/styles.ts b/src/components/MyProjects/Modals/ModalShareRequest/components/styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
 
 const useStyles = makeStyles(() => ({
   inputContainer: {