Fix missed places

BrunoQuaresma · BrunoQuaresma · commit 98b97e3afa8e · 2023-05-17T18:51:28.000Z
diff --git a/site/src/pages/CreateTemplatePage/CreateTemplatePage.tsx b/site/src/pages/CreateTemplatePage/CreateTemplatePage.tsx
@@ -1,6 +1,5 @@
 import { useMachine } from "@xstate/react"
 import { isApiValidationError } from "api/errors"
-import { Alert } from "components/Alert/Alert"
 import { Maybe } from "components/Conditionals/Maybe"
 import { useDashboard } from "components/Dashboard/DashboardProvider"
 import { FullPageHorizontalForm } from "components/FullPageForm/FullPageHorizontalForm"
@@ -14,6 +13,7 @@ import { useNavigate, useSearchParams } from "react-router-dom"
 import { pageTitle } from "utils/page"
 import { createTemplateMachine } from "xServices/createTemplate/createTemplateXService"
 import { CreateTemplateForm } from "./CreateTemplateForm"
+import { ErrorAlert } from "components/Alert/ErrorAlert"
 
 const CreateTemplatePage: FC = () => {
   const { t } = useTranslation("createTemplatePage")
@@ -64,7 +64,7 @@ const CreateTemplatePage: FC = () => {
 
         <Stack spacing={6}>
           <Maybe condition={Boolean(error && !isApiValidationError(error))}>
-            <Alert error={error} severity="error" />
+            <ErrorAlert error={error} />
           </Maybe>
 
           {shouldDisplayForm && (
diff --git a/site/src/pages/DeploySettingsPage/GeneralSettingsPage/GeneralSettingsPageView.tsx b/site/src/pages/DeploySettingsPage/GeneralSettingsPage/GeneralSettingsPageView.tsx
@@ -1,6 +1,6 @@
 import { DeploymentOption } from "api/types"
 import { DeploymentDAUsResponse } from "api/typesGenerated"
-import { Alert } from "components/Alert/Alert"
+import { ErrorAlert } from "components/Alert/ErrorAlert"
 import { DAUChart } from "components/DAUChart/DAUChart"
 import { Header } from "components/DeploySettingsLayout/Header"
 import OptionsTable from "components/DeploySettingsLayout/OptionsTable"
@@ -26,7 +26,7 @@ export const GeneralSettingsPageView = ({
       />
       <Stack spacing={4}>
         {Boolean(getDeploymentDAUsError) && (
-          <Alert error={getDeploymentDAUsError} severity="error" />
+          <ErrorAlert error={getDeploymentDAUsError} />
         )}
         {deploymentDAUs && <DAUChart daus={deploymentDAUs} />}
         <OptionsTable
diff --git a/site/src/pages/DeploySettingsPage/LicensesSettingsPage/AddNewLicensePageView.tsx b/site/src/pages/DeploySettingsPage/LicensesSettingsPage/AddNewLicensePageView.tsx
@@ -1,7 +1,6 @@
 import Button from "@mui/material/Button"
 import TextField from "@mui/material/TextField"
 import { makeStyles } from "@mui/styles"
-import { Alert } from "components/Alert/Alert"
 import { Fieldset } from "components/DeploySettingsLayout/Fieldset"
 import { Header } from "components/DeploySettingsLayout/Header"
 import { FileUpload } from "components/FileUpload/FileUpload"
@@ -11,6 +10,7 @@ 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"
 
 type AddNewLicenseProps = {
   onSaveLicenseKey: (license: string) => void
@@ -66,9 +66,7 @@ export const AddNewLicensePageView: FC<AddNewLicenseProps> = ({
         </Button>
       </Stack>
 
-      {savingLicenseError && (
-        <Alert severity="error" error={savingLicenseError}></Alert>
-      )}
+      {savingLicenseError && <ErrorAlert error={savingLicenseError} />}
 
       <FileUpload
         isUploading={isUploading}
diff --git a/site/src/pages/TemplateVersionPage/TemplateVersionPageView.tsx b/site/src/pages/TemplateVersionPage/TemplateVersionPageView.tsx
@@ -1,7 +1,6 @@
 import Button from "@mui/material/Button"
 import Link from "@mui/material/Link"
 import EditIcon from "@mui/icons-material/Edit"
-import { Alert } from "components/Alert/Alert"
 import { Loader } from "components/Loader/Loader"
 import { Margins } from "components/Margins/Margins"
 import {
@@ -18,6 +17,7 @@ import { useTranslation } from "react-i18next"
 import { Link as RouterLink } from "react-router-dom"
 import { createDayString } from "utils/createDayString"
 import { TemplateVersionMachineContext } from "xServices/templateVersion/templateVersionXService"
+import { ErrorAlert } from "components/Alert/ErrorAlert"
 
 export interface TemplateVersionPageViewProps {
   /**
@@ -57,7 +57,7 @@ export const TemplateVersionPageView: FC<TemplateVersionPageViewProps> = ({
       {!currentFiles && !error && <Loader />}
 
       <Stack spacing={4}>
-        {Boolean(error) && <Alert severity="error" error={error} />}
+        {Boolean(error) && <ErrorAlert error={error} />}
         {currentVersion && currentFiles && (
           <>
             <Stats>
