| @@ -557,7 +557,7 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) => | |||||
| </Grid> | </Grid> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={12} md={12} lg={12} sx={{ mb: 3 }}> | <Grid item xs={12} md={12} lg={12} sx={{ mb: 3 }}> | ||||
| <Typography display="inline" variant="subtitle1" sx={{ color: 'primary.primary' }}> | |||||
| <Typography component="span" display="inline" variant="subtitle1" sx={{ color: 'primary.primary' }}> | |||||
| <FormattedMessage id="uploadApplicationFileRemark" /> | <FormattedMessage id="uploadApplicationFileRemark" /> | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -154,7 +154,7 @@ const BusRegister = () => { | |||||
| </Stepper> | </Stepper> | ||||
| {allStepsCompleted() ? ( | {allStepsCompleted() ? ( | ||||
| <React.Fragment> | <React.Fragment> | ||||
| <Typography variant="h4" sx={{ mt: 2, mb: 1 }}> | |||||
| <Typography component="span" variant="h4" sx={{ mt: 2, mb: 1, display: 'block' }}> | |||||
| All steps completed - you're finished | All steps completed - you're finished | ||||
| </Typography> | </Typography> | ||||
| <Stack direction="row" sx={{ pb: 2 }}> | <Stack direction="row" sx={{ pb: 2 }}> | ||||
| @@ -185,7 +185,7 @@ const BusRegister = () => { | |||||
| sx={{ mr: 1 }} | sx={{ mr: 1 }} | ||||
| variant="h5" | variant="h5" | ||||
| > | > | ||||
| <Typography variant="h5"> | |||||
| <Typography component="span" variant="h5"> | |||||
| <FormattedMessage id="back"/> | <FormattedMessage id="back"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -197,7 +197,7 @@ const BusRegister = () => { | |||||
| sx={{ mr: 1 }} | sx={{ mr: 1 }} | ||||
| variant="h5" | variant="h5" | ||||
| > | > | ||||
| <Typography variant="h5"> | |||||
| <Typography component="span" variant="h5"> | |||||
| <FormattedMessage id="back"/> | <FormattedMessage id="back"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -216,7 +216,7 @@ const BusRegister = () => { | |||||
| {isNextBusy ? ( | {isNextBusy ? ( | ||||
| <CircularProgress size={22} color="inherit" aria-hidden /> | <CircularProgress size={22} color="inherit" aria-hidden /> | ||||
| ) : ( | ) : ( | ||||
| <Typography variant="h5" sx={{ color: 'inherit' }}> | |||||
| <Typography component="span" variant="h5" sx={{ color: 'inherit' }}> | |||||
| <FormattedMessage id="submit"/> | <FormattedMessage id="submit"/> | ||||
| </Typography> | </Typography> | ||||
| )} | )} | ||||
| @@ -225,7 +225,7 @@ const BusRegister = () => { | |||||
| ( | ( | ||||
| <Button variant="contained" color="inherit" | <Button variant="contained" color="inherit" | ||||
| disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | ||||
| <Typography variant="h5" sx={{ color: 'inherit' }}> | |||||
| <Typography component="span" variant="h5" sx={{ color: 'inherit' }}> | |||||
| <FormattedMessage id="submit"/> | <FormattedMessage id="submit"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -233,7 +233,7 @@ const BusRegister = () => { | |||||
| ( | ( | ||||
| // <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}> | // <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}> | ||||
| <Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | <Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | ||||
| <Typography variant="h5" sx={{ color: 'inherit' }}> | |||||
| <Typography component="span" variant="h5" sx={{ color: 'inherit' }}> | |||||
| <FormattedMessage id="continue"/> | <FormattedMessage id="continue"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -161,12 +161,12 @@ const Register = () => { | |||||
| </Stepper> | </Stepper> | ||||
| {allStepsCompleted() ? ( | {allStepsCompleted() ? ( | ||||
| <React.Fragment> | <React.Fragment> | ||||
| <Typography variant="h4" sx={{ mt: 2, mb: 1 }}> | |||||
| <Typography component="span" variant="h4" sx={{ mt: 2, mb: 1, display: 'block' }}> | |||||
| All steps completed - you're finished | All steps completed - you're finished | ||||
| </Typography> | </Typography> | ||||
| <Stack direction="row" sx={{ pt: 2 }}> | <Stack direction="row" sx={{ pt: 2 }}> | ||||
| <Stack sx={{ flex: '1 1 auto' }} /> | <Stack sx={{ flex: '1 1 auto' }} /> | ||||
| <Button onClick={handleReset}><Typography variant="h5"> <FormattedMessage id="reset"/></Typography></Button> | |||||
| <Button onClick={handleReset}><Typography component="span" variant="h5"> <FormattedMessage id="reset"/></Typography></Button> | |||||
| </Stack> | </Stack> | ||||
| </React.Fragment> | </React.Fragment> | ||||
| ) : ( | ) : ( | ||||
| @@ -192,7 +192,7 @@ const Register = () => { | |||||
| onClick={handleBack} | onClick={handleBack} | ||||
| sx={{ mr: 1 }} | sx={{ mr: 1 }} | ||||
| > | > | ||||
| <Typography variant="h5"> | |||||
| <Typography component="span" variant="h5"> | |||||
| <FormattedMessage id="back"/> | <FormattedMessage id="back"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -203,7 +203,7 @@ const Register = () => { | |||||
| onClick={handleBack} | onClick={handleBack} | ||||
| sx={{ mr: 1 }} | sx={{ mr: 1 }} | ||||
| > | > | ||||
| <Typography variant="h5"> | |||||
| <Typography component="span" variant="h5"> | |||||
| <FormattedMessage id="back"/> | <FormattedMessage id="back"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -222,7 +222,7 @@ const Register = () => { | |||||
| {isNextBusy ? ( | {isNextBusy ? ( | ||||
| <CircularProgress size={22} color="inherit" aria-hidden /> | <CircularProgress size={22} color="inherit" aria-hidden /> | ||||
| ) : ( | ) : ( | ||||
| <Typography variant="h5" sx={{ color: 'inherit' }}> | |||||
| <Typography component="span" variant="h5" sx={{ color: 'inherit' }}> | |||||
| <FormattedMessage id="submit"/> | <FormattedMessage id="submit"/> | ||||
| </Typography> | </Typography> | ||||
| )} | )} | ||||
| @@ -231,7 +231,7 @@ const Register = () => { | |||||
| ( | ( | ||||
| <Button variant="contained" color="inherit" | <Button variant="contained" color="inherit" | ||||
| disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | ||||
| <Typography variant="h5" sx={{ color: 'inherit' }}> | |||||
| <Typography component="span" variant="h5" sx={{ color: 'inherit' }}> | |||||
| <FormattedMessage id="submit"/> | <FormattedMessage id="submit"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -239,7 +239,7 @@ const Register = () => { | |||||
| ( | ( | ||||
| // <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}> | // <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}> | ||||
| <Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | <Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | ||||
| <Typography variant="h5" sx={{ color: 'inherit' }}> | |||||
| <Typography component="span" variant="h5" sx={{ color: 'inherit' }}> | |||||
| <FormattedMessage id="continue"/> | <FormattedMessage id="continue"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -160,12 +160,12 @@ const Register = () => { | |||||
| </Stepper> | </Stepper> | ||||
| {allStepsCompleted() ? ( | {allStepsCompleted() ? ( | ||||
| <React.Fragment> | <React.Fragment> | ||||
| <Typography variant="h4" sx={{ mt: 2, mb: 1 }}> | |||||
| <Typography component="span" variant="h4" sx={{ mt: 2, mb: 1, display: 'block' }}> | |||||
| All steps completed - you're finished | All steps completed - you're finished | ||||
| </Typography> | </Typography> | ||||
| <Stack direction="row" sx={{ pt: 2 }}> | <Stack direction="row" sx={{ pt: 2 }}> | ||||
| <Stack sx={{ flex: '1 1 auto' }} /> | <Stack sx={{ flex: '1 1 auto' }} /> | ||||
| <Button onClick={handleReset}><Typography variant="h5">Reset</Typography></Button> | |||||
| <Button onClick={handleReset}><Typography component="span" variant="h5">Reset</Typography></Button> | |||||
| </Stack> | </Stack> | ||||
| </React.Fragment> | </React.Fragment> | ||||
| ) : ( | ) : ( | ||||
| @@ -191,7 +191,7 @@ const Register = () => { | |||||
| sx={{ mr: 1 }} | sx={{ mr: 1 }} | ||||
| variant="h5" | variant="h5" | ||||
| > | > | ||||
| <Typography variant="h5"> | |||||
| <Typography component="span" variant="h5"> | |||||
| <FormattedMessage id="back"/> | <FormattedMessage id="back"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -203,7 +203,7 @@ const Register = () => { | |||||
| sx={{ mr: 1 }} | sx={{ mr: 1 }} | ||||
| variant="h5" | variant="h5" | ||||
| > | > | ||||
| <Typography variant="h5"> | |||||
| <Typography component="span" variant="h5"> | |||||
| <FormattedMessage id="back"/> | <FormattedMessage id="back"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -222,7 +222,7 @@ const Register = () => { | |||||
| {isNextBusy ? ( | {isNextBusy ? ( | ||||
| <CircularProgress size={22} color="inherit" aria-hidden /> | <CircularProgress size={22} color="inherit" aria-hidden /> | ||||
| ) : ( | ) : ( | ||||
| <Typography variant="h5" sx={{ color: 'inherit' }}> | |||||
| <Typography component="span" variant="h5" sx={{ color: 'inherit' }}> | |||||
| <FormattedMessage id="submit"/> | <FormattedMessage id="submit"/> | ||||
| </Typography> | </Typography> | ||||
| )} | )} | ||||
| @@ -231,7 +231,7 @@ const Register = () => { | |||||
| ( | ( | ||||
| <Button variant="contained" color="inherit" | <Button variant="contained" color="inherit" | ||||
| disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | ||||
| <Typography variant="h5" sx={{ color: 'inherit' }}> | |||||
| <Typography component="span" variant="h5" sx={{ color: 'inherit' }}> | |||||
| <FormattedMessage id="submit"/> | <FormattedMessage id="submit"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -239,7 +239,7 @@ const Register = () => { | |||||
| ( | ( | ||||
| // <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}> | // <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}> | ||||
| <Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | <Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> | ||||
| <Typography variant="h5" sx={{ color: 'inherit' }}> | |||||
| <Typography component="span" variant="h5" sx={{ color: 'inherit' }}> | |||||
| <FormattedMessage id="continue"/> | <FormattedMessage id="continue"/> | ||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| @@ -739,7 +739,7 @@ const BusCustomFormWizard = (props) => { | |||||
| </Typography> | </Typography> | ||||
| </Button> | </Button> | ||||
| <div style={{ borderBottom: "3px solid #1A4399", width: "100%", margin_right: "15px" }}> | <div style={{ borderBottom: "3px solid #1A4399", width: "100%", margin_right: "15px" }}> | ||||
| <Typography display="inline" variant="h3"component="h1" sx={{ color: '#1A4399' }}> | |||||
| <Typography display="inline" variant="h3" component="h1" sx={{ color: '#1A4399' }}> | |||||
| <FormattedMessage id="becomeNewBusinessUser"/> | <FormattedMessage id="becomeNewBusinessUser"/> | ||||
| </Typography> | </Typography> | ||||
| </div> | </div> | ||||
| @@ -872,7 +872,7 @@ const BusCustomFormWizard = (props) => { | |||||
| <Box sx={{ bgcolor: level?.color, width: 85, height: 8, borderRadius: '7px' }} /> | <Box sx={{ bgcolor: level?.color, width: 85, height: 8, borderRadius: '7px' }} /> | ||||
| </Grid> | </Grid> | ||||
| <Grid item> | <Grid item> | ||||
| <Typography variant="subtitle1"> | |||||
| <Typography component="span" variant="subtitle1" sx={{ display: 'block' }}> | |||||
| <FormattedMessage id={level ? level?.label : "pwWeak" }/> | <FormattedMessage id={level ? level?.label : "pwWeak" }/> | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -939,7 +939,7 @@ const BusCustomFormWizard = (props) => { | |||||
| </Stack> | </Stack> | ||||
| <Grid container spacing={2} alignItems="center"> | <Grid container spacing={2} alignItems="center"> | ||||
| <Grid item sx={{mt:1}}> | <Grid item sx={{mt:1}}> | ||||
| <Typography variant="subtitle1"> | |||||
| <Typography component="span" variant="subtitle1" sx={{ display: 'block' }}> | |||||
| •<FormattedMessage id="pwRemark1"/><br /> | •<FormattedMessage id="pwRemark1"/><br /> | ||||
| •<FormattedMessage id="pwRemark2"/><br /> | •<FormattedMessage id="pwRemark2"/><br /> | ||||
| •<FormattedMessage id="pwRemark3"/><br /> | •<FormattedMessage id="pwRemark3"/><br /> | ||||
| @@ -963,7 +963,7 @@ const BusCustomFormWizard = (props) => { | |||||
| </Grid> | </Grid> | ||||
| <Grid item xs={12} md={12}> | <Grid item xs={12} md={12}> | ||||
| <Typography variant="subtitle1"> | |||||
| <Typography component="span" variant="subtitle1" sx={{ display: 'block' }}> | |||||
| •<FormattedMessage id="pleaseEnterOrgOrCompName"/> | •<FormattedMessage id="pleaseEnterOrgOrCompName"/> | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -1617,7 +1617,7 @@ const BusCustomFormWizard = (props) => { | |||||
| <Grid item xs={12} md={12}> | <Grid item xs={12} md={12}> | ||||
| <Grid container> | <Grid container> | ||||
| <Grid item xs={12} md={12}> | <Grid item xs={12} md={12}> | ||||
| <Typography variant="h6" height="100%" sx={{ textAlign: "left", /*overflow: "scroll",*/ borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e" }}> | |||||
| <Typography component="span" variant="h6" height="100%" sx={{ textAlign: "left", /*overflow: "scroll",*/ borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e", display: "block" }}> | |||||
| <div style={{padding: 12}} dangerouslySetInnerHTML={{__html: intl.formatMessage({id: "termsAndCon"})}} /> | <div style={{padding: 12}} dangerouslySetInnerHTML={{__html: intl.formatMessage({id: "termsAndCon"})}} /> | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -1744,7 +1744,7 @@ const BusCustomFormWizard = (props) => { | |||||
| <Grid item xs={12}> | <Grid item xs={12}> | ||||
| <Stack direction="column" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}> | <Stack direction="column" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}> | ||||
| <div style={{ borderBottom: "3px solid #1A4399", width: "100%", margin_right: "15px" }}> | <div style={{ borderBottom: "3px solid #1A4399", width: "100%", margin_right: "15px" }}> | ||||
| <Typography display="inline" variant="h3"component="h1" sx={{ color: '#1A4399' }}> | |||||
| <Typography display="inline" variant="h3" component="h1" sx={{ color: '#1A4399' }}> | |||||
| <FormattedMessage id="becomeNewBusinessUser"/> | <FormattedMessage id="becomeNewBusinessUser"/> | ||||
| </Typography> | </Typography> | ||||
| </div> | </div> | ||||
| @@ -1090,7 +1090,7 @@ const CustomFormWizard = (props) => { | |||||
| <Box sx={{ bgcolor: level?.color, width: 85, height: 8, borderRadius: '7px' }} /> | <Box sx={{ bgcolor: level?.color, width: 85, height: 8, borderRadius: '7px' }} /> | ||||
| </Grid> | </Grid> | ||||
| <Grid item> | <Grid item> | ||||
| <Typography variant="subtitle1"> | |||||
| <Typography component="span" variant="subtitle1" sx={{ display: 'block' }}> | |||||
| <FormattedMessage id={level ? level?.label : "pwWeak"} /> | <FormattedMessage id={level ? level?.label : "pwWeak"} /> | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -1157,7 +1157,7 @@ const CustomFormWizard = (props) => { | |||||
| </Stack> | </Stack> | ||||
| <Grid container spacing={2} alignItems="center"> | <Grid container spacing={2} alignItems="center"> | ||||
| <Grid item sx={{ mt: 1 }}> | <Grid item sx={{ mt: 1 }}> | ||||
| <Typography variant="subtitle1"> | |||||
| <Typography component="span" variant="subtitle1" sx={{ display: 'block' }}> | |||||
| •<FormattedMessage id="pwRemark1" /><br /> | •<FormattedMessage id="pwRemark1" /><br /> | ||||
| •<FormattedMessage id="pwRemark2" /><br /> | •<FormattedMessage id="pwRemark2" /><br /> | ||||
| •<FormattedMessage id="pwRemark3" /><br /> | •<FormattedMessage id="pwRemark3" /><br /> | ||||
| @@ -1392,7 +1392,7 @@ const CustomFormWizard = (props) => { | |||||
| </Grid> | </Grid> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={12} md={12}> | <Grid item xs={12} md={12}> | ||||
| <Typography variant="subtitle1"> | |||||
| <Typography component="span" variant="subtitle1" sx={{ display: 'block' }}> | |||||
| <FormattedMessage id="registerNameLabel" /> | <FormattedMessage id="registerNameLabel" /> | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -1881,10 +1881,10 @@ const CustomFormWizard = (props) => { | |||||
| <Typography display="inline" variant="h4" component="h2" sx={{ color: 'primary.primary' }}> | <Typography display="inline" variant="h4" component="h2" sx={{ color: 'primary.primary' }}> | ||||
| <FormattedMessage id="userIdDoc" /> | <FormattedMessage id="userIdDoc" /> | ||||
| <span style={{ color: '#B00020' }}>*</span></Typography> | <span style={{ color: '#B00020' }}>*</span></Typography> | ||||
| <Typography display="inline" variant="subtitle1" sx={{ color: 'primary.primary' }}> | |||||
| <Typography component="span" variant="subtitle1" sx={{ color: 'primary.primary', display: 'block' }}> | |||||
| <FormattedMessage id="pleaseUploadIdDoc" /> | <FormattedMessage id="pleaseUploadIdDoc" /> | ||||
| </Typography> | </Typography> | ||||
| <Typography display="inline" variant="subtitle1" sx={{ color: 'primary.primary' }}> | |||||
| <Typography component="span" variant="subtitle1" sx={{ color: 'primary.primary', display: 'block' }}> | |||||
| <FormattedMessage id="pleaseUploadIdDocSubTitle" /> | <FormattedMessage id="pleaseUploadIdDocSubTitle" /> | ||||
| </Typography> | </Typography> | ||||
| <Stack mt={1} direction="row" justifyContent="flex-start" alignItems="center" spacing={2}> | <Stack mt={1} direction="row" justifyContent="flex-start" alignItems="center" spacing={2}> | ||||
| @@ -1945,7 +1945,7 @@ const CustomFormWizard = (props) => { | |||||
| <Grid item xs={12} md={12}> | <Grid item xs={12} md={12}> | ||||
| <Grid container> | <Grid container> | ||||
| <Grid item xs={12} md={12}> | <Grid item xs={12} md={12}> | ||||
| <Typography height="100%" sx={{ textAlign: "left", /*overflow: "scroll",*/ borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e" }}> | |||||
| <Typography height="100%" component="span" sx={{ textAlign: "left", display: "block", /*overflow: "scroll",*/ borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e" }}> | |||||
| <div style={{padding: 12}} dangerouslySetInnerHTML={{__html: intl.formatMessage({id: "termsAndCon"})}} /> | <div style={{padding: 12}} dangerouslySetInnerHTML={{__html: intl.formatMessage({id: "termsAndCon"})}} /> | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -1053,7 +1053,7 @@ const CustomFormWizard = (props) => { | |||||
| <Grid item xs={12} md={12}> | <Grid item xs={12} md={12}> | ||||
| <Grid container> | <Grid container> | ||||
| <Grid item xs={12} md={12}> | <Grid item xs={12} md={12}> | ||||
| <Typography sx={{ textAlign: "left", borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e" }}> | |||||
| <Typography component="span" sx={{ textAlign: "left", display: "block", borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e" }}> | |||||
| <div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "termsAndCon" }) }} /> | <div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "termsAndCon" }) }} /> | ||||
| </Typography> | </Typography> | ||||
| @@ -1192,7 +1192,7 @@ const CustomFormWizard = (props) => { | |||||
| </Grid> | </Grid> | ||||
| <Grid item xs={12} md={12} > | <Grid item xs={12} md={12} > | ||||
| <Stack direction="row"> | <Stack direction="row"> | ||||
| <Typography variant="h5" component="h2" color={theme.palette.grey[600]} sx={{ mr: 1 }}> | |||||
| <Typography variant="h5" component="span" color={theme.palette.grey[600]} sx={{ mr: 1 }}> | |||||
| <FormattedMessage id="userIdDoc" /> | <FormattedMessage id="userIdDoc" /> | ||||
| </Typography> | </Typography> | ||||
| <Typography variant="h5" component="span" name="preview-idDocType-1"> | <Typography variant="h5" component="span" name="preview-idDocType-1"> | ||||
| @@ -34,7 +34,7 @@ export default function PreviewUploadFileTable({ recordList, }) { | |||||
| function NoRowsOverlay() { | function NoRowsOverlay() { | ||||
| return ( | return ( | ||||
| <Stack height="100%" alignItems="center" justifyContent="center"> | <Stack height="100%" alignItems="center" justifyContent="center"> | ||||
| <Typography variant="h6"> | |||||
| <Typography component="span" variant="h6"> | |||||
| <FormattedMessage id="noFile"/> | <FormattedMessage id="noFile"/> | ||||
| </Typography> | </Typography> | ||||
| {/* <pre>(rows={[]})</pre> */} | {/* <pre>(rows={[]})</pre> */} | ||||
| @@ -48,7 +48,7 @@ export default function UploadFileTable({ recordList, setUpdateRows, }) { | |||||
| justifyContent: 'center', | justifyContent: 'center', | ||||
| }} | }} | ||||
| > | > | ||||
| <Typography variant="h6"> | |||||
| <Typography component="span" variant="h6"> | |||||
| <FormattedMessage id="noFile"/> | <FormattedMessage id="noFile"/> | ||||
| </Typography> | </Typography> | ||||
| </Box> | </Box> | ||||