emotion: AddNewLicensePageView

aslilac · aslilac · commit a872acd77e45 · 2023-10-31T21:29:39.000Z
diff --git a/site/src/pages/DeploySettingsPage/LicensesSettingsPage/AddNewLicensePageView.tsx b/site/src/pages/DeploySettingsPage/LicensesSettingsPage/AddNewLicensePageView.tsx
@@ -1,16 +1,16 @@
+import { useTheme } from "@emotion/react";
 import Button from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
-import { makeStyles } from "@mui/styles";
+import KeyboardArrowLeft from "@mui/icons-material/KeyboardArrowLeft";
+import { type FC } from "react";
+import { Link as RouterLink } from "react-router-dom";
 import { Fieldset } from "components/DeploySettingsLayout/Fieldset";
 import { Header } from "components/DeploySettingsLayout/Header";
 import { FileUpload } from "components/FileUpload/FileUpload";
-import KeyboardArrowLeft from "@mui/icons-material/KeyboardArrowLeft";
 import { displayError } from "components/GlobalSnackbar/utils";
 import { Stack } from "components/Stack/Stack";
-import { DividerWithText } from "pages/DeploySettingsPage/LicensesSettingsPage/DividerWithText";
-import { FC } from "react";
-import { Link as RouterLink } from "react-router-dom";
 import { ErrorAlert } from "components/Alert/ErrorAlert";
+import { DividerWithText } from "pages/DeploySettingsPage/LicensesSettingsPage/DividerWithText";
 
 type AddNewLicenseProps = {
   onSaveLicenseKey: (license: string) => void;
@@ -23,7 +23,7 @@ export const AddNewLicensePageView: FC<AddNewLicenseProps> = ({
   isSavingLicense,
   savingLicenseError,
 }) => {
-  const styles = useStyles();
+  const theme = useTheme();
 
   function handleFileUploaded(files: File[]) {
     const fileReader = new FileReader();
@@ -76,7 +76,7 @@ export const AddNewLicensePageView: FC<AddNewLicenseProps> = ({
         description="Select a text file that contains your license key."
       />
 
-      <Stack className={styles.main}>
+      <Stack css={{ paddingTop: theme.spacing(5) }}>
         <DividerWithText>or</DividerWithText>
 
         <Fieldset
@@ -109,9 +109,3 @@ export const AddNewLicensePageView: FC<AddNewLicenseProps> = ({
     </>
   );
 };
-
-const useStyles = makeStyles((theme) => ({
-  main: {
-    paddingTop: theme.spacing(5),
-  },
-}));
