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 && (