diff --git a/src/components/SubmissionWizard/WizardForms/WizardXMLUploadModal.tsx b/src/components/SubmissionWizard/WizardForms/WizardXMLUploadModal.tsx
index 90994bc5..de1d340e 100644
--- a/src/components/SubmissionWizard/WizardForms/WizardXMLUploadModal.tsx
+++ b/src/components/SubmissionWizard/WizardForms/WizardXMLUploadModal.tsx
@@ -1,5 +1,6 @@
import React, { useRef, useEffect } from "react"
+import CancelIcon from "@mui/icons-material/Cancel"
import Alert from "@mui/material/Alert"
import Button from "@mui/material/Button"
import CircularProgress from "@mui/material/CircularProgress"
@@ -68,6 +69,23 @@ const StyledButton = styled(Button)(() => ({
height: "5rem",
}))
+const CustomAlert = styled(Alert)(({ theme }) => ({
+ backgroundColor: theme.palette.background.paper,
+ borderLeft: `1.25rem solid ${theme.palette.error.main}`,
+ borderTop: `0.25rem solid ${theme.palette.error.main}`,
+ borderRight: `0.25rem solid ${theme.palette.error.main}`,
+ borderBottom: `0.25rem solid ${theme.palette.error.main}`,
+ color: theme.palette.secondary.main,
+ lineHeight: "1.75",
+ boxShadow: "0 0.25rem 0.625rem rgba(0, 0, 0, 0.2)",
+ position: "relative",
+ padding: "1rem",
+ display: "flex",
+ justifyContent: "space-between",
+ alignItems: "center",
+ fontSize: "1.75rem !important",
+}))
+
const WizardXMLUploadModal = ({ open, handleClose, currentObject }: WizardXMLUploadModalProps) => {
const dispatch = useAppDispatch()
const objectType = useAppSelector(state => state.objectType)
@@ -266,15 +284,33 @@ const WizardXMLUploadModal = ({ open, handleClose, currentObject }: WizardXMLUpl
{errors.fileUpload?.type === "isFile" && (
- Please attach a file.
+ }
+ >
+ Please attach a file.
+
)}
{errors.fileUpload?.type === "isXML" && (
- Please attach an XML file.
+ }
+ >
+ Please attach an XML file.
+
)}
{errors.fileUpload?.type === "isValidXML" && (
- {errors?.fileUpload?.message?.toString()}
+ }
+ >
+
+ {errors?.fileUpload?.message?.toString()}
+
+
)}
+
{loading && (