| @@ -1,4 +1,5 @@ | |||||
| // material-ui | // material-ui | ||||
| import React from 'react'; | |||||
| import { | import { | ||||
| Grid, | Grid, | ||||
| Typography, | Typography, | ||||
| @@ -56,6 +57,8 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) => | |||||
| const [isOnlyOnlinePayment, setOnlyOnlinePayment] = useState(); | const [isOnlyOnlinePayment, setOnlyOnlinePayment] = useState(); | ||||
| const navigate = useNavigate(); | const navigate = useNavigate(); | ||||
| const hasOptions = React.Children.count(selections) > 0; | |||||
| const BackgroundHead = { | const BackgroundHead = { | ||||
| backgroundImage: `url(${titleBackgroundImg})`, | backgroundImage: `url(${titleBackgroundImg})`, | ||||
| width: 'auto', | width: 'auto', | ||||
| @@ -275,6 +278,9 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) => | |||||
| : | : | ||||
| <Grid item xs={12} md={12} width={{ md: "60%", xs: "90%" }}> | <Grid item xs={12} md={12} width={{ md: "60%", xs: "90%" }}> | ||||
| <Box xs={12} mt={1} sx={{ p: 2, border: '3px groove grey', borderRadius: '10px' }}> | <Box xs={12} mt={1} sx={{ p: 2, border: '3px groove grey', borderRadius: '10px' }}> | ||||
| {hasOptions ? ( | |||||
| <form onSubmit={formik.handleSubmit}> | <form onSubmit={formik.handleSubmit}> | ||||
| <Grid container spacing={1} sx={{ minHeight: '80vh' }} direction="row" justifyContent="flex-start" alignItems="center"> | <Grid container spacing={1} sx={{ minHeight: '80vh' }} direction="row" justifyContent="flex-start" alignItems="center"> | ||||
| { | { | ||||
| @@ -602,6 +608,7 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) => | |||||
| </Grid> | </Grid> | ||||
| </form> | </form> | ||||
| ) : null} | |||||
| </Box> | </Box> | ||||
| </Grid> | </Grid> | ||||
| } | } | ||||