alex
/
PNSPS-frontend-MaterialUI
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

update application form

master
jason.lam 1 year ago
parent
ad113beeae
commit
bb917eb441
8 changed files with 57 additions and 54 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -1
      src/components/MainCard.js
  2. +31
    -28
      src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js
  3. +11
    -11
      src/pages/PublicNotice/Details_GLD/GazetteDetailCard.js
  4. +7
    -7
      src/pages/PublicNotice/Details_GLD/index.js
  5. +1
    -1
      src/pages/PublicNotice/Details_GLD/tabTableDetail/PaymentTab.js
  6. +1
    -1
      src/pages/PublicNotice/Details_GLD/tabTableDetail/ProofTab.js
  7. +1
    -1
      src/pages/PublicNotice/Details_GLD/tabTableDetail/StatusHistoryTab.js
  8. +4
    -4
      src/pages/PublicNotice/Details_GLD/tabTableDetail/TabTable.js

+ 1
- 1
src/components/MainCard.js View File

@@ -64,7 +64,7 @@ const MainCard = forwardRef(
}, },
// maxWidth: { xs: 700, sm: 900, md: 1000, lg: 1300, xl: 1850 }, // maxWidth: { xs: 700, sm: 900, md: 1000, lg: 1300, xl: 1850 },
// minWidth: { xs: 600, sm: 800, md: 900, lg: 1000, xl: 1000 }, // minWidth: { xs: 600, sm: 800, md: 900, lg: 1000, xl: 1000 },
margin: { xs: 2.5, md: 3 },
margin: { xs: 2, md: 2 },
// '& > *': { // '& > *': {
// flexGrow: 1, // flexGrow: 1,
// flexBasis: '50%' // flexBasis: '50%'


+ 31
- 28
src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js View File

@@ -6,7 +6,7 @@ import {
Typography, FormLabel, Typography, FormLabel,
OutlinedInput, OutlinedInput,
Stack, Stack,
Dialog, DialogTitle, DialogContent, DialogActions,
Dialog, DialogTitle, DialogContent, DialogActions, InputAdornment,
} from '@mui/material'; } from '@mui/material';
const MainCard = Loadable(lazy(() => import('components/MainCard'))); const MainCard = Loadable(lazy(() => import('components/MainCard')));
import { useForm } from "react-hook-form"; import { useForm } from "react-hook-form";
@@ -141,17 +141,17 @@ const ApplicationDetailCard = (
border={false} border={false}
content={false} content={false}
> >
{verified && currentApplicationDetailData.status != "notAccepted" ?
{verified && currentApplicationDetailData.status !== "notAccepted" ?
<Grid container spacing={4} direction="row"> <Grid container spacing={4} direction="row">
<Grid item xs={12} md={4} > <Grid item xs={12} md={4} >
<Stack <Stack
direction="row" direction="row"
justifyContent="space-between"
justifyContent="flex-start"
alignItems="center" alignItems="center"
spacing={2} spacing={2}
mb={2} mb={2}
> >
{currentApplicationDetailData.status == "reviewed" ?
{currentApplicationDetailData.status === "reviewed" ?
<Button <Button
// size="large" // size="large"
variant="contained" variant="contained"
@@ -170,12 +170,12 @@ const ApplicationDetailCard = (
<Grid item xs={12} md={8} > <Grid item xs={12} md={8} >
<Stack <Stack
direction="row" direction="row"
justifyContent="space-between"
justifyContent="flex-start"
alignItems="center" alignItems="center"
spacing={2} spacing={2}
mb={2} mb={2}
> >
{currentApplicationDetailData.status == "submitted" || currentApplicationDetailData.status == "reviewed" ?
{currentApplicationDetailData.status === "submitted" || currentApplicationDetailData.status == "reviewed" ?
<> <>
<Button <Button
// size="large" // size="large"
@@ -237,16 +237,16 @@ const ApplicationDetailCard = (
<form> <form>
<Grid container direction="column"> <Grid container direction="column">
<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>
<Grid container direction="row" justifyContent="space-between"
<Grid container direction="row" justifyContent="flex-start"
alignItems="center"> alignItems="center">
<Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}> <Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3}
<Grid item xs={12} md={4} lg={4}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">Application No:</Typography></FormLabel> <FormLabel><Typography variant="h5">Application No:</Typography></FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={9} lg={9}>
<Grid item xs={12} md={8} lg={8}>
<FormControl variant="outlined" fullWidth disabled > <FormControl variant="outlined" fullWidth disabled >
<OutlinedInput <OutlinedInput
fullWidth fullWidth
@@ -267,14 +267,14 @@ const ApplicationDetailCard = (
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}>
<Grid item xs={12} sm={12} md={5.5} lg={5.5} sx={{ mb: 1, ml: {md:1, lg:3} }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3}
<Grid item xs={12} md={4} lg={4}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">Status:</Typography></FormLabel> <FormLabel><Typography variant="h5">Status:</Typography></FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={9} lg={9}>
<Grid item xs={12} md={8} lg={8}>
<FormControl variant="outlined"> <FormControl variant="outlined">
{StatusUtils.getStatusByTextEng(currentApplicationDetailData.status)} {StatusUtils.getStatusByTextEng(currentApplicationDetailData.status)}
</FormControl> </FormControl>
@@ -282,16 +282,16 @@ const ApplicationDetailCard = (
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid container direction="row" justifyContent="space-between"
<Grid container direction="row" justifyContent="flex-start"
alignItems="center"> alignItems="center">
<Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}> <Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3}
<Grid item xs={12} md={4} lg={4}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">Applicant:</Typography></FormLabel> <FormLabel><Typography variant="h5">Applicant:</Typography></FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={9} lg={9}>
<Grid item xs={12} md={8} lg={8}>
<FormControl variant="outlined" fullWidth disabled > <FormControl variant="outlined" fullWidth disabled >
{currentApplicationDetailData.orgId === null ? {currentApplicationDetailData.orgId === null ?
<OutlinedInput <OutlinedInput
@@ -329,7 +329,7 @@ const ApplicationDetailCard = (
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}>
<Grid item xs={12} md={5.5} lg={5.5} sx={{ mb: 1, ml: {md:1, lg:3} }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={4} lg={4} <Grid item xs={12} md={4} lg={4}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
@@ -351,13 +351,15 @@ const ApplicationDetailCard = (
WebkitTextFillColor: "#000000", WebkitTextFillColor: "#000000",
background: "#f8f8f8", background: "#f8f8f8",
}, },
mr:1
}} }}
inputProps={{ inputProps={{
maxLength: 3, maxLength: 3,
}} }}
endAdornment={<InputAdornment position="end">-</InputAdornment>}
/> />
</FormControl> </FormControl>
<FormControl variant="outlined" sx={{ width: '100%' }} disabled >
<FormControl variant="outlined" sx={{ width: '75%' }} disabled >
<OutlinedInput <OutlinedInput
size="small" size="small"
type="tel" type="tel"
@@ -382,16 +384,16 @@ const ApplicationDetailCard = (
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid container direction="row" justifyContent="space-between"
<Grid container direction="row" justifyContent="flex-start"
alignItems="center"> alignItems="center">
<Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}> <Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3}
<Grid item xs={12} md={4} lg={4}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">Contect Person:</Typography></FormLabel> <FormLabel><Typography variant="h5">Contect Person:</Typography></FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={9} lg={9}>
<Grid item xs={12} md={8} lg={8}>
<FormControl variant="outlined" fullWidth disabled> <FormControl variant="outlined" fullWidth disabled>
<OutlinedInput <OutlinedInput
fullWidth fullWidth
@@ -412,7 +414,7 @@ const ApplicationDetailCard = (
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}>
<Grid item xs={12} md={5.5} lg={5.5} sx={{ mb: 1, ml: {md:1, lg:3} }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={4} lg={4} <Grid item xs={12} md={4} lg={4}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
@@ -434,15 +436,16 @@ const ApplicationDetailCard = (
WebkitTextFillColor: "#000000", WebkitTextFillColor: "#000000",
background: "#f8f8f8", background: "#f8f8f8",
}, },
mr:1,
}} }}
inputProps={{ inputProps={{
maxLength: 3, maxLength: 3,
type: "tel" type: "tel"
}} }}
endAdornment={<InputAdornment position="end">-</InputAdornment>}
/> />
</FormControl> </FormControl>
<FormControl variant="outlined" sx={{ width: '100%' }} disabled>
<FormControl variant="outlined" sx={{ width: '75%' }} disabled>
<OutlinedInput <OutlinedInput
size="small" size="small"
type="tel" type="tel"
@@ -467,19 +470,19 @@ const ApplicationDetailCard = (
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid container direction="row" justifyContent="space-between"
<Grid container direction="row" justifyContent="flex-start"
alignItems="center"> alignItems="center">
<Grid item xs={12} md={6} lg={6} mt={1}>
<Grid item xs={12} md={12} lg={12} mt={1} >
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={12} lg={12}> <Grid item xs={12} md={12} lg={12}>
<Grid container direction="row"> <Grid container direction="row">
<Grid item xs={12} md={3} lg={3}
<Grid item xs={12} md={2} lg={2}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5" >Manuscript File:</Typography></FormLabel> <FormLabel><Typography variant="h5" >Manuscript File:</Typography></FormLabel>
</Grid> </Grid>
<Grid item xs={12} md={9} lg={9} sx={{ display: 'flex', alignItems: 'center' }}>
<Grid item xs={12} md={8} lg={8} sx={{ display: 'flex', alignItems: 'center' }}>
<Grid container direction="row" justifyContent="flex-start"> <Grid container direction="row" justifyContent="flex-start">
<Grid item xs={12} md={5} lg={5} sx={{ display: 'flex', alignItems: 'center' }}>
<Grid item xs={10} md={8} lg={8} sx={{ display: 'flex', alignItems: 'center' }}>
<FormControl variant="outlined" fullWidth > <FormControl variant="outlined" fullWidth >
<Typography <Typography
// fullWidth // fullWidth


+ 11
- 11
src/pages/PublicNotice/Details_GLD/GazetteDetailCard.js View File

@@ -140,12 +140,12 @@ const GazetteDetailCard = (
alignItems="center"> alignItems="center">
<Grid item xs={12} md={6} lg={6} sx={{mb: 1}}> <Grid item xs={12} md={6} lg={6} sx={{mb: 1}}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3}
<Grid item xs={12} md={4} lg={4}
sx={{display: 'flex', alignItems: 'center'}}> sx={{display: 'flex', alignItems: 'center'}}>
<FormLabel><Typography variant="h5">Issue Number:</Typography></FormLabel> <FormLabel><Typography variant="h5">Issue Number:</Typography></FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={9} lg={9}>
<Grid item xs={12} md={8} lg={8}>
<FormControl variant="outlined" fullWidth disabled > <FormControl variant="outlined" fullWidth disabled >
<OutlinedInput <OutlinedInput
fullWidth fullWidth
@@ -167,14 +167,14 @@ const GazetteDetailCard = (
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid item xs={12} md={5} lg={5} sx={{mb: 1, ml:1}}>
<Grid item xs={12} md={5.5} lg={5.5} sx={{mb: 1, ml:1}}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3}
<Grid item xs={12} md={4} lg={4}
sx={{display: 'flex', alignItems: 'center'}}> sx={{display: 'flex', alignItems: 'center'}}>
<FormLabel><Typography variant="h5">Gazette Code:</Typography></FormLabel> <FormLabel><Typography variant="h5">Gazette Code:</Typography></FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={9} lg={9}>
<Grid item xs={12} md={8} lg={8}>
<FormControl variant="outlined" fullWidth disabled > <FormControl variant="outlined" fullWidth disabled >
<OutlinedInput <OutlinedInput
fullWidth fullWidth
@@ -198,15 +198,15 @@ const GazetteDetailCard = (
</Grid> </Grid>
</Grid> </Grid>
<Grid container direction="row" justifyContent="space-between" <Grid container direction="row" justifyContent="space-between"
alignItems="center">
alignItems="center" sx={{mb:{lg:-3}}}>
<Grid item xs={12} md={6} lg={6} sx={{mb: 1}}> <Grid item xs={12} md={6} lg={6} sx={{mb: 1}}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3}
<Grid item xs={12} md={4} lg={4}
sx={{display: 'flex', alignItems: 'center'}}> sx={{display: 'flex', alignItems: 'center'}}>
<FormLabel><Typography variant="h5">Issue Date:</Typography></FormLabel> <FormLabel><Typography variant="h5">Issue Date:</Typography></FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={9} lg={9}>
<Grid item xs={12} md={8} lg={8}>
<FormControl variant="outlined" fullWidth disabled > <FormControl variant="outlined" fullWidth disabled >
<OutlinedInput <OutlinedInput
fullWidth fullWidth
@@ -228,14 +228,14 @@ const GazetteDetailCard = (
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid item xs={12} md={5} lg={5} sx={{mb: 1, ml:1}}>
<Grid item xs={12} md={5.5} lg={5.5} sx={{mb: 1, ml:1}}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3}
<Grid item xs={12} md={4} lg={4}
sx={{display: 'flex', alignItems: 'center'}}> sx={{display: 'flex', alignItems: 'center'}}>
<FormLabel><Typography variant="h5">Group Title:</Typography></FormLabel> <FormLabel><Typography variant="h5">Group Title:</Typography></FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={9} lg={9}>
<Grid item xs={12} md={8} lg={8}>
<FormControl variant="outlined" fullWidth disabled > <FormControl variant="outlined" fullWidth disabled >
<OutlinedInput <OutlinedInput
fullWidth fullWidth


+ 7
- 7
src/pages/PublicNotice/Details_GLD/index.js View File

@@ -301,7 +301,7 @@ const PublicNoticeDetail_GLD = () => {
}, [getUploadStatus]); }, [getUploadStatus]);


return ( return (
<Grid container sx={{ maxHeight: '500vh',width:"100%", backgroundColor: 'backgroundColor.default' }} direction="column">
<Grid container sx={{ width:"100%", backgroundColor: 'backgroundColor.default' }} direction="column">
<StatusChangeDialog open={open} <StatusChangeDialog open={open}
handleClose={handleClose} handleClose={handleClose}
setReason={setReason} setReason={setReason}
@@ -323,7 +323,7 @@ const PublicNoticeDetail_GLD = () => {
</Stack> </Stack>
</div> </div>
</Grid> </Grid>
<Grid item xs={12}>
<Grid item xs={12} sm={12} md={12} lg={12}>
<Stack direction="row"> <Stack direction="row">
<Button title="Back" sx={{ml:3.5, mt:2.5}} style={{ border: '2px solid' }} variant="outlined" onClick={()=>{navigate("/application/search")}}> <Button title="Back" sx={{ml:3.5, mt:2.5}} style={{ border: '2px solid' }} variant="outlined" onClick={()=>{navigate("/application/search")}}>
<ForwardIcon style={{height: 30, width: 50, transform : "rotate(180deg)"}}/> <ForwardIcon style={{height: 30, width: 50, transform : "rotate(180deg)"}}/>
@@ -336,12 +336,12 @@ const PublicNoticeDetail_GLD = () => {
<Typography ml={4} mt={3} variant="h4">{title}</Typography> <Typography ml={4} mt={3} variant="h4">{title}</Typography>
</Stack> </Stack>
</Grid> */} </Grid> */}
<Grid item xs={12} >
<Grid item xs={12} sm={12} md={12} lg={12} xl={12} >
<Grid container direction="row"> <Grid container direction="row">
<Grid item xs={12} md={12} lg={9} xl={9}> <Grid item xs={12} md={12} lg={9} xl={9}>
<Grid container direction="column"> <Grid container direction="column">
<Grid item xs={12} sm={12} md={12} lg={12} xl={12}> <Grid item xs={12} sm={12} md={12} lg={12} xl={12}>
<Box xs={12} sx={{ ml:2 , mt:3, mr:{xs:2, sm:2}, p: 2, borderRadius: '10px', backgroundColor: '#ffffff' }}>
<Box xs={12} sx={{ ml:2 , mt:3, mr:{xs:2, sm:2}, borderRadius: '10px', backgroundColor: '#ffffff' }}>
{isLoading && editMode ? {isLoading && editMode ?
<LoadingComponent /> : <LoadingComponent /> :
<ApplicationDetailCard <ApplicationDetailCard
@@ -358,7 +358,7 @@ const PublicNoticeDetail_GLD = () => {
</Box> </Box>
</Grid> </Grid>
<Grid item xs={12} md={12} lg={12} xl={12}> <Grid item xs={12} md={12} lg={12} xl={12}>
<Box xs={12} sx={{ml:2, mt:3, mr:{xs:2, sm:2}, p: 2, borderRadius: '10px', backgroundColor: '#ffffff' }}>
<Box xs={12} sx={{ml:2, mt:3, mr:{xs:2, sm:2}, borderRadius: '10px', backgroundColor: '#ffffff' }}>
<GazetteDetailCard <GazetteDetailCard
// updateUserObject={updateUserObject} // updateUserObject={updateUserObject}
applicationDetailData={applicationDetailData} applicationDetailData={applicationDetailData}
@@ -369,7 +369,7 @@ const PublicNoticeDetail_GLD = () => {
</Box> </Box>
</Grid> </Grid>
<Grid item xs={12} md={12} lg={12} xl={12}> <Grid item xs={12} md={12} lg={12} xl={12}>
<Box xs={12} sx={{ml:2, mt:3, mr:{sm:2}, p: 0, borderRadius: '10px',width: {xs:'92vw', sm:'96.5vw', md:"auto"}, backgroundColor: '#ffffff' }}>
<Box xs={12} sx={{ml:2, mt:3, mr:{sm:2}, borderRadius: '10px',width: {xs:'92vw', sm:'96.5vw', md:"auto"}, backgroundColor: '#ffffff' }}>
<TabTableDetail <TabTableDetail
applicationDetailData={applicationDetailData} applicationDetailData={applicationDetailData}
proofList={proofList} proofList={proofList}
@@ -383,7 +383,7 @@ const PublicNoticeDetail_GLD = () => {
<Grid item xs={12} md={12} lg={3} xl={3}> <Grid item xs={12} md={12} lg={3} xl={3}>
<Grid container> <Grid container>
<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>
<Box xs={12} md={12} height='800px' sx={{ ml:2, mt:3, mr:{xs:2, sm:2}, p: 2, borderRadius: '10px', backgroundColor: '#ffffff' }}>
<Box xs={12} md={12} height='800px' sx={{ ml:2, mt:3, mr:{xs:2, sm:2}, borderRadius: '10px', backgroundColor: '#ffffff' }}>
<ClientDetailCard <ClientDetailCard
// updateUserObject={updateUserObject} // updateUserObject={updateUserObject}
applicationDetailData={applicationDetailData} applicationDetailData={applicationDetailData}


+ 1
- 1
src/pages/PublicNotice/Details_GLD/tabTableDetail/PaymentTab.js View File

@@ -66,7 +66,7 @@ export default function SubmittedTab({ rows }) {


return ( return (
<> <>
<div style={{ height:'20%', width: '100%' }}>
<div style={{ height:'20%', width: '98%' }}>
<FiDataGrid <FiDataGrid
rows={rows} rows={rows}
columns={columns} columns={columns}


+ 1
- 1
src/pages/PublicNotice/Details_GLD/tabTableDetail/ProofTab.js View File

@@ -105,7 +105,7 @@ export default function ProofTab({rows}) {
]; ];


return ( return (
<div style={{height:'20%', width: '100%'}}>
<div style={{height:'20%', width: '98%'}}>
<FiDataGrid <FiDataGrid
rows={rows} rows={rows}
columns={columns} columns={columns}


+ 1
- 1
src/pages/PublicNotice/Details_GLD/tabTableDetail/StatusHistoryTab.js View File

@@ -48,7 +48,7 @@ export default function StatusHistoryTab({rows}) {
]; ];


return ( return (
<div style={{height:'20%', width: '100%'}}>
<div style={{height:'20%', width: '98%'}}>
<FiDataGrid <FiDataGrid
rows={rows} rows={rows}
columns={columns} columns={columns}


+ 4
- 4
src/pages/PublicNotice/Details_GLD/tabTableDetail/TabTable.js View File

@@ -70,7 +70,7 @@ const PublicNotice = ({ applicationDetailData, proofList, paymentList }) => {
!onReady ? !onReady ?
<LoadingComponent /> <LoadingComponent />
: :
<Grid container sx={{ minHeight: '40vh' }}>
<Grid container sx={{ minHeight: '40vh'}}>
{/*col 2*/} {/*col 2*/}
<Grid item xs={12}> <Grid item xs={12}>
<TabContext value={selectedTab}> <TabContext value={selectedTab}>
@@ -81,19 +81,19 @@ const PublicNotice = ({ applicationDetailData, proofList, paymentList }) => {
<Tab label={"Status History(" + statusHistoryList.length + ") "} value="3" /> <Tab label={"Status History(" + statusHistoryList.length + ") "} value="3" />
</TabList> </TabList>
</Box> </Box>
<TabPanel value="1">
<TabPanel value="1" sx={{p:0}}>
<ProofTab <ProofTab
rows={_proofList} rows={_proofList}
reloadFunction={reloadPage} reloadFunction={reloadPage}
/> />
</TabPanel> </TabPanel>
<TabPanel value="2">
<TabPanel value="2" sx={{p:0}}>
<PaymentTab <PaymentTab
rows={_paymentList} rows={_paymentList}
reloadFunction={reloadPage} reloadFunction={reloadPage}
/> />
</TabPanel> </TabPanel>
<TabPanel value="3">
<TabPanel value="3" sx={{p:0}}>
<StatusHistoryTab <StatusHistoryTab
rows={statusHistoryList} rows={statusHistoryList}
reloadFunction={reloadPage} reloadFunction={reloadPage}


Write Preview
Loading…
Cancel
Save