1+ import { useTheme } from "@emotion/react" ;
12import Button from "@mui/material/Button" ;
23import TextField from "@mui/material/TextField" ;
3- import { makeStyles } from "@mui/styles" ;
4+ import KeyboardArrowLeft from "@mui/icons-material/KeyboardArrowLeft" ;
5+ import { type FC } from "react" ;
6+ import { Link as RouterLink } from "react-router-dom" ;
47import { Fieldset } from "components/DeploySettingsLayout/Fieldset" ;
58import { Header } from "components/DeploySettingsLayout/Header" ;
69import { FileUpload } from "components/FileUpload/FileUpload" ;
7- import KeyboardArrowLeft from "@mui/icons-material/KeyboardArrowLeft" ;
810import { displayError } from "components/GlobalSnackbar/utils" ;
911import { Stack } from "components/Stack/Stack" ;
10- import { DividerWithText } from "pages/DeploySettingsPage/LicensesSettingsPage/DividerWithText" ;
11- import { FC } from "react" ;
12- import { Link as RouterLink } from "react-router-dom" ;
1312import { ErrorAlert } from "components/Alert/ErrorAlert" ;
13+ import { DividerWithText } from "pages/DeploySettingsPage/LicensesSettingsPage/DividerWithText" ;
1414
1515type AddNewLicenseProps = {
1616onSaveLicenseKey :( license :string ) => void ;
@@ -23,7 +23,7 @@ export const AddNewLicensePageView: FC<AddNewLicenseProps> = ({
2323 isSavingLicense,
2424 savingLicenseError,
2525} ) => {
26- const styles = useStyles ( ) ;
26+ const theme = useTheme ( ) ;
2727
2828function handleFileUploaded ( files :File [ ] ) {
2929const fileReader = new FileReader ( ) ;
@@ -76,7 +76,7 @@ export const AddNewLicensePageView: FC<AddNewLicenseProps> = ({
7676description = "Select a text file that contains your license key."
7777/>
7878
79- < Stack className = { styles . main } >
79+ < Stack css = { { paddingTop : theme . spacing ( 5 ) } } >
8080< DividerWithText > or</ DividerWithText >
8181
8282< Fieldset
@@ -109,9 +109,3 @@ export const AddNewLicensePageView: FC<AddNewLicenseProps> = ({
109109</ >
110110) ;
111111} ;
112-
113- const useStyles = makeStyles ( ( theme ) => ( {
114- main :{
115- paddingTop :theme . spacing ( 5 ) ,
116- } ,
117- } ) ) ;