alex
/
PNSPS-frontend-MaterialUI
1
0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
364 コミット
5 ブランチ
19 MiB
 
 
ツリー: 9ab48d256e
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'9ab48d256e' から
${ noResults }
PNSPS-frontend-MaterialUI/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js

549 行
33 KiB
Raw Blame 履歴 

  1. // material-ui

  2. import {

  3.     FormControl,

  4.     Button,

  5.     Grid,

  6.     // InputAdornment, 

  7.     Typography, FormLabel,

  8.     OutlinedInput,

  9.     Stack,

  10.     Dialog, DialogTitle, DialogContent, DialogActions

  11. } from '@mui/material';

  12. // import MainCard from "../../components/MainCard";

  13. const MainCard = Loadable(lazy(() => import('components/MainCard')));

  14. import { useForm } from "react-hook-form";

  15. import { useNavigate } from "react-router-dom";

  16. import {

  17.     useEffect,

  18.     useState

  19. } from "react";

  20. // import Checkbox from "@mui/material/Checkbox";

  21. import Loadable from 'components/Loadable';

  22. 

  23. import { lazy } from 'react';

  24. const LoadingComponent = Loadable(lazy(() => import('../../extra-pages/LoadingComponent')));

  25. // import {useParams} from "react-router-dom";

  26. import * as HttpUtils from "utils/HttpUtils"

  27. import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";

  28. import * as DateUtils from "utils/DateUtils";

  29. import * as FormatUtils from "utils/FormatUtils";

  30. 

  31. // import BorderColorOutlinedIcon from '@mui/icons-material/BorderColorOutlined';

  32. // import DoneIcon from '@mui/icons-material/Done';

  33. import CloseIcon from '@mui/icons-material/Close';

  34. import EditNoteIcon from '@mui/icons-material/EditNote';

  35. import DownloadIcon from '@mui/icons-material/Download';

  36. // ==============================|| DASHBOARD - DEFAULT ||============================== //

  37. const ApplicationDetailCard = (

  38.     { applicationDetailData,

  39.         setStatus,

  40.         // updateUserObject,

  41.         // isNewRecord

  42.     }

  43. ) => {

  44.     const [isPopUp, setIsPopUp] = useState(false);

  45.     // const params = useParams();

  46.     const [currentApplicationDetailData, setCurrentApplicationDetailData] = useState({});

  47.     const [fee, setFee] = useState(0);

  48.     const [companyName, setCompanyName] = useState({});

  49.     const [fileDetail, setfileDetail] = useState({});

  50.     const [onReady, setOnReady] = useState(false);

  51.     const [issueNum, setIssueNum] = useState("");

  52.     const [issueDate, setIssueDate] = useState("");

  53.     const { register,

  54.         // getValues

  55.     } = useForm();

  56.     const navigate = useNavigate();

  57. 

  58.     useEffect(() => {

  59.         //if user data from parent are not null

  60.         // console.log(applicationDetailData)

  61.         if (Object.keys(applicationDetailData).length > 0 && applicationDetailData.data !== null) {

  62.             setCurrentApplicationDetailData(applicationDetailData.data);

  63.             setCompanyName(applicationDetailData.companyName);

  64.             setfileDetail(applicationDetailData.fileDetail);

  65.             setIssueNum(applicationDetailData.gazetteIssueDetail.volume + "/" + applicationDetailData.gazetteIssueDetail.year

  66.                 + " No. " + applicationDetailData.gazetteIssueDetail.issueNo);

  67.             setIssueDate(DateUtils.dateFormat(applicationDetailData.gazetteIssueDetail.issueDate, "D MMM YYYY (ddd)"));

  68. 

  69.             for (let i = 0; i < applicationDetailData.proofList.length; i++) {

  70.                 if (applicationDetailData.proofList[i].action == true) {

  71.                     setFee(applicationDetailData.proofList[i].fee);

  72.                 }

  73.             }

  74.         }

  75.     }, [applicationDetailData]);

  76. 

  77.     useEffect(() => {

  78.         //if state data are ready and assign to different field

  79.         // console.log(currentApplicationDetailData)

  80.         if (Object.keys(currentApplicationDetailData).length > 0) {

  81.             setOnReady(true);

  82.         }

  83.     }, [currentApplicationDetailData]);

  84. 

  85.     const onDownloadClick = () => () => {

  86.         HttpUtils.fileDownload({

  87.             fileId: fileDetail.id,

  88.             skey: fileDetail.skey,

  89.             filename: fileDetail.filename,

  90.         });

  91.     };

  92. 

  93.     const cancelledClick = () => () => {

  94.         setStatus("cancel")

  95.     };

  96. 

  97.     function doPayment() {

  98.         setIsPopUp(false);

  99.         navigate('/paymentPage', { state: { amount: fee, appIdList: [currentApplicationDetailData.id] } });

  100.     }

  101. 

  102.     return (

  103.         !onReady ?

  104.             <LoadingComponent />

  105.             :

  106.             <MainCard elevation={0}

  107.                 border={false}

  108.                 content={false}

  109.             >

  110.                 <Grid container spacing={1} direction="row">

  111.                     <Grid item xs={12}>

  112.                         <Stack

  113.                             direction="row"

  114.                             justifyContent="space-between"

  115.                             alignItems="center"

  116.                             spacing={2}

  117.                             mb={2}

  118.                         >

  119.                             {

  120.                                 currentApplicationDetailData.status == "confirmed" ?

  121.                                     <Button

  122.                                         // size="large"

  123.                                         variant="contained"

  124.                                         onClick={() => { setIsPopUp(true) }}

  125.                                         disabled={currentApplicationDetailData.status == "rejected" || currentApplicationDetailData.status == "cancelled" || currentApplicationDetailData.status == "paid"}

  126.                                         sx={{

  127.                                             textTransform: 'capitalize',

  128.                                             alignItems: 'end'

  129.                                         }}>

  130.                                         <EditNoteIcon />

  131.                                         <Typography ml={1} variant="h5"> 支付</Typography>

  132.                                     </Button>

  133.                                     : null

  134.                             }

  135.                             <Button

  136.                                 // size="large"

  137.                                 variant="contained"

  138.                                 onClick={cancelledClick()}

  139.                                 disabled={currentApplicationDetailData.status !== "submitted"}

  140.                                 sx={{

  141.                                     textTransform: 'capitalize',

  142.                                     alignItems: 'end',

  143.                                     backgroundColor: '#ffa733'

  144.                                 }}>

  145.                                 <CloseIcon />

  146.                                 <Typography ml={1} variant="h5"> 取消</Typography>

  147.                             </Button>

  148.                         </Stack>

  149.                     </Grid>

  150.                 </Grid>

  151.                 <Typography variant="h4" sx={{ mb: 2, borderBottom: "1px solid black" }}>

  152.                     公共啟事申請資料

  153.                 </Typography>

  154.                 <form>

  155.                     <Grid container direction="column">

  156.                         <Grid item xs={12} md={12}>

  157.                             <Grid container direction="row" justifyContent="space-between"

  158.                                 alignItems="center">

  159.                                 <Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>

  160.                                     <Grid container alignItems={"center"}>

  161.                                         <Grid item xs={12} md={3} lg={3}

  162.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  163.                                             <FormLabel><Typography variant="h5">申請編號:</Typography></FormLabel>

  164.                                         </Grid>

  165. 

  166.                                         <Grid item xs={12} md={9} lg={9}>

  167.                                             <FormControl variant="outlined" fullWidth disabled>

  168.                                                 <OutlinedInput

  169.                                                     fullWidth

  170.                                                     size="small"

  171.                                                     {...register("appNo",

  172.                                                         {

  173.                                                             value: currentApplicationDetailData.appNo,

  174.                                                         })}

  175.                                                     id='appNo'

  176.                                                     sx={{

  177.                                                         "& .MuiInputBase-input.Mui-disabled": {

  178.                                                             WebkitTextFillColor: "#000000",

  179.                                                             background: "#f8f8f8",

  180.                                                         },

  181.                                                     }}

  182.                                                 />

  183.                                             </FormControl>

  184.                                         </Grid>

  185.                                     </Grid>

  186.                                 </Grid>

  187.                                 <Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}>

  188.                                     <Grid container alignItems={"center"}>

  189.                                         <Grid item xs={12} md={3} lg={3}

  190.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  191.                                             <FormLabel><Typography variant="h5">申請狀態:</Typography></FormLabel>

  192.                                         </Grid>

  193. 

  194.                                         <Grid item xs={12} md={4} lg={4}>

  195.                                             <FormControl variant="outlined">

  196.                                                 {StatusUtils.getStatusByText(currentApplicationDetailData.status)}

  197.                                             </FormControl>

  198.                                         </Grid>

  199.                                         {

  200.                                             currentApplicationDetailData.reason ?

  201.                                                 <Grid item xs={12} md={5} lg={5}>

  202.                                                     <Grid container alignItems={"center"}>

  203.                                                         <Stack direction="row" justifyContent="flex-start" alignItems="center">

  204.                                                             <Grid item xs={12} md={7} lg={7}>

  205.                                                                 <FormLabel><Typography variant="h5">原因:</Typography></FormLabel>

  206.                                                             </Grid>

  207.                                                             <Grid item xs={12} md={5} lg={5}>

  208.                                                                 <FormControl variant="outlined" fullWidth disabled>

  209.                                                                     <Typography id='reason' variant="h5">

  210.                                                                         {currentApplicationDetailData.reason}

  211.                                                                     </Typography>

  212.                                                                 </FormControl>

  213.                                                             </Grid>

  214.                                                         </Stack>

  215.                                                     </Grid>

  216.                                                 </Grid>

  217.                                                 : ""

  218.                                         }

  219.                                     </Grid>

  220.                                 </Grid>

  221.                             </Grid>

  222.                             <Grid container direction="row" justifyContent="space-between"

  223.                                 alignItems="center">

  224.                                 <Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>

  225.                                     <Grid container alignItems={"center"}>

  226.                                         <Grid item xs={12} md={3} lg={3}

  227.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  228.                                             <FormLabel><Typography variant="h5">申請人:</Typography></FormLabel>

  229.                                         </Grid>

  230. 

  231.                                         <Grid item xs={12} md={9} lg={9}>

  232.                                             <FormControl variant="outlined" fullWidth disabled >

  233.                                                 {currentApplicationDetailData.orgId === null ?

  234.                                                     <OutlinedInput

  235.                                                         fullWidth

  236.                                                         size="small"

  237.                                                         {...register("contactPerson",

  238.                                                             {

  239.                                                                 value: currentApplicationDetailData.contactPerson,

  240.                                                             })}

  241.                                                         id='contactPerson'

  242.                                                         sx={{

  243.                                                             "& .MuiInputBase-input.Mui-disabled": {

  244.                                                                 WebkitTextFillColor: "#000000",

  245.                                                                 background: "#f8f8f8",

  246.                                                             },

  247.                                                         }}

  248.                                                     /> :

  249.                                                     <OutlinedInput

  250.                                                         fullWidth

  251.                                                         size="small"

  252.                                                         {...register("companyName",

  253.                                                             {

  254.                                                                 value: companyName.enCompanyName,

  255.                                                             })}

  256.                                                         id='companyName'

  257.                                                         sx={{

  258.                                                             "& .MuiInputBase-input.Mui-disabled": {

  259.                                                                 WebkitTextFillColor: "#000000",

  260.                                                                 background: "#f8f8f8",

  261.                                                             },

  262.                                                         }}

  263.                                                     />

  264.                                                 }

  265.                                             </FormControl>

  266.                                         </Grid>

  267.                                     </Grid>

  268.                                 </Grid>

  269.                                 <Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}>

  270.                                     <Grid container alignItems={"center"}>

  271.                                         <Grid item xs={12} md={3} lg={3}

  272.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  273.                                             <FormLabel><Typography variant="h5">憲報期數:</Typography></FormLabel>

  274.                                         </Grid>

  275. 

  276.                                         <Grid item xs={12} md={9} lg={9}>

  277.                                             <Stack direction="row">

  278.                                                 <FormControl variant="outlined" fullWidth disabled>

  279.                                                     <OutlinedInput

  280.                                                         size="small"

  281.                                                         {...register("issueNum",

  282.                                                             {

  283.                                                                 value: issueNum,

  284.                                                             })}

  285.                                                         id='issueNum'

  286.                                                         sx={{

  287.                                                             "& .MuiInputBase-input.Mui-disabled": {

  288.                                                                 WebkitTextFillColor: "#000000",

  289.                                                                 background: "#f8f8f8",

  290.                                                             },

  291.                                                         }}

  292.                                                     />

  293.                                                 </FormControl>

  294.                                             </Stack>

  295.                                         </Grid>

  296.                                     </Grid>

  297.                                 </Grid>

  298.                             </Grid>

  299.                             <Grid container direction="row" justifyContent="space-between"

  300.                                 alignItems="center">

  301.                                 <Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>

  302.                                     <Grid container alignItems={"center"}>

  303.                                         <Grid item xs={12} md={3} lg={3}

  304.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  305.                                             <FormLabel><Typography variant="h5">聯絡人:</Typography></FormLabel>

  306.                                         </Grid>

  307. 

  308.                                         <Grid item xs={12} md={9} lg={9}>

  309.                                             <FormControl variant="outlined" fullWidth disabled>

  310.                                                 <OutlinedInput

  311.                                                     fullWidth

  312.                                                     size="small"

  313.                                                     {...register("contactPerson",

  314.                                                         {

  315.                                                             value: currentApplicationDetailData.contactPerson,

  316.                                                         })}

  317.                                                     id='contactPerson'

  318.                                                     sx={{

  319.                                                         "& .MuiInputBase-input.Mui-disabled": {

  320.                                                             WebkitTextFillColor: "#000000",

  321.                                                             background: "#f8f8f8",

  322.                                                         },

  323.                                                     }}

  324.                                                 />

  325.                                             </FormControl>

  326.                                         </Grid>

  327.                                     </Grid>

  328.                                 </Grid>

  329.                                 <Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}>

  330.                                     <Grid container alignItems={"center"}>

  331.                                         <Grid item xs={12} md={3} lg={3}

  332.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  333.                                             <FormLabel><Typography variant="h5">發布日期:</Typography></FormLabel>

  334.                                         </Grid>

  335. 

  336.                                         <Grid item xs={12} md={9} lg={9}>

  337.                                             <Stack direction="row">

  338.                                                 <FormControl variant="outlined" fullWidth disabled>

  339.                                                     <OutlinedInput

  340.                                                         size="small"

  341.                                                         {...register("issueDate",

  342.                                                             {

  343.                                                                 value: issueDate,

  344.                                                             })}

  345.                                                         id='issueDate'

  346.                                                         sx={{

  347.                                                             "& .MuiInputBase-input.Mui-disabled": {

  348.                                                                 WebkitTextFillColor: "#000000",

  349.                                                                 background: "#f8f8f8",

  350.                                                             },

  351.                                                         }}

  352.                                                     />

  353.                                                 </FormControl>

  354.                                             </Stack>

  355.                                         </Grid>

  356.                                     </Grid>

  357.                                 </Grid>

  358.                             </Grid>

  359. 

  360.                             <Grid container direction="row" justifyContent="space-between"

  361.                                 alignItems="center">

  362.                                 <Grid item xs={12} md={6} lg={6} sx={{ mb: 1, }}>

  363.                                     <Grid container alignItems={"center"}>

  364.                                         <Grid item xs={12} md={3} lg={3}

  365.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  366.                                             <FormLabel><Typography variant="h5">聯絡電話:</Typography></FormLabel>

  367.                                         </Grid>

  368. 

  369.                                         <Grid item xs={12} md={9} lg={9}>

  370.                                             <Stack direction="row">

  371.                                                 <FormControl variant="outlined" sx={{ width: '25%' }} disabled>

  372.                                                     <OutlinedInput

  373.                                                         size="small"

  374.                                                         {...register("countryCode",

  375.                                                             {

  376.                                                                 value: currentApplicationDetailData.contactTelNo.countryCode,

  377.                                                             })}

  378.                                                         id='countryCode'

  379.                                                         sx={{

  380.                                                             "& .MuiInputBase-input.Mui-disabled": {

  381.                                                                 WebkitTextFillColor: "#000000",

  382.                                                                 background: "#f8f8f8",

  383.                                                             },

  384.                                                         }}

  385.                                                     />

  386.                                                 </FormControl>

  387.                                                 <FormControl variant="outlined" sx={{ width: '100%' }} disabled>

  388.                                                     <OutlinedInput

  389.                                                         size="small"

  390.                                                         {...register("phoneNumber",

  391.                                                             {

  392.                                                                 value: currentApplicationDetailData.contactTelNo.phoneNumber,

  393.                                                             })}

  394.                                                         id='phoneNumber'

  395.                                                         sx={{

  396.                                                             "& .MuiInputBase-input.Mui-disabled": {

  397.                                                                 WebkitTextFillColor: "#000000",

  398.                                                                 background: "#f8f8f8",

  399.                                                             },

  400.                                                         }}

  401.                                                     />

  402.                                                 </FormControl>

  403.                                             </Stack>

  404.                                         </Grid>

  405.                                     </Grid>

  406.                                 </Grid>

  407.                                 {

  408.                                     fee > 0 ?

  409.                                         <Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}>

  410.                                             <Grid container alignItems={"center"}>

  411.                                                 <Grid item xs={12} md={3} lg={3}

  412.                                                     sx={{ display: 'flex', alignItems: 'center' }}>

  413.                                                     <FormLabel><Typography variant="h5">價錢:</Typography></FormLabel>

  414.                                                 </Grid>

  415. 

  416.                                                 <Grid item xs={12} md={9} lg={9}>

  417.                                                     <FormLabel><Typography variant="h5">{FormatUtils.currencyFormat(fee)}</Typography></FormLabel>

  418.                                                 </Grid>

  419.                                             </Grid>

  420.                                         </Grid>

  421.                                         :

  422.                                         <></>

  423.                                 }

  424. 

  425.                             </Grid>

  426.                             <Grid item xs={12} md={6} lg={6} sx={{ mb: 1, }}>

  427.                                 <Grid container alignItems={"center"}>

  428.                                     <Grid item xs={12} md={3} lg={3}

  429.                                         sx={{ display: 'flex', alignItems: 'center' }}>

  430.                                         <FormLabel><Typography variant="h5">傳真號碼:</Typography></FormLabel>

  431.                                     </Grid>

  432. 

  433.                                     <Grid item xs={12} md={9} lg={9}>

  434.                                         <Stack direction="row">

  435.                                             <FormControl variant="outlined" sx={{ width: '25%' }} disabled>

  436.                                                 <OutlinedInput

  437.                                                     size="small"

  438.                                                     {...register("countryCode",

  439.                                                         {

  440.                                                             value: currentApplicationDetailData.contactFaxNo.countryCode,

  441.                                                         })}

  442.                                                     id='countryCode'

  443.                                                     sx={{

  444.                                                         "& .MuiInputBase-input.Mui-disabled": {

  445.                                                             WebkitTextFillColor: "#000000",

  446.                                                             background: "#f8f8f8",

  447.                                                         },

  448.                                                     }}

  449.                                                 />

  450.                                             </FormControl>

  451.                                             <FormControl variant="outlined" sx={{ width: '100%' }} disabled>

  452.                                                 <OutlinedInput

  453.                                                     size="small"

  454.                                                     {...register("faxNumber",

  455.                                                         {

  456.                                                             value: currentApplicationDetailData.contactFaxNo.faxNumber,

  457.                                                         })}

  458.                                                     id='faxNumber'

  459.                                                     sx={{

  460.                                                         "& .MuiInputBase-input.Mui-disabled": {

  461.                                                             WebkitTextFillColor: "#000000",

  462.                                                             background: "#f8f8f8",

  463.                                                         },

  464.                                                     }}

  465.                                                 />

  466.                                             </FormControl>

  467.                                         </Stack>

  468.                                     </Grid>

  469.                                 </Grid>

  470.                             </Grid>

  471.                             <Grid container direction="row" justifyContent="space-between"

  472.                                 alignItems="center">

  473.                                 <Grid item xs={12} md={12} lg={12} mt={1}>

  474.                                     <Grid container alignItems={"center"}>

  475.                                         <Grid item xs={12} md={6} lg={6}>

  476.                                             <Grid container direction="row">

  477.                                                 <Grid item xs={12} md={3} lg={3}

  478.                                                     sx={{ display: 'flex', alignItems: 'center' }}>

  479.                                                     <FormLabel><Typography variant="h5">稿件檔案:</Typography></FormLabel>

  480.                                                 </Grid>

  481.                                                 <Grid item xs={12} md={9} lg={9} sx={{ display: 'flex', alignItems: 'center' }}>

  482.                                                     <Grid container direction="row" justifyContent="flex-start">

  483.                                                         <Grid item xs={12} md={8} lg={8} sx={{ display: 'flex', alignItems: 'center' }}>

  484.                                                             <FormControl variant="outlined" fullWidth  >

  485.                                                                 <Typography

  486.                                                                     fullWidth

  487.                                                                     id='fileName'

  488.                                                                     variant="h5"

  489.                                                                 >

  490.                                                                     {fileDetail.filename}

  491.                                                                 </Typography>

  492.                                                             </FormControl>

  493.                                                         </Grid>

  494.                                                         <Grid item md={4} lg={4}>

  495.                                                             <Button

  496.                                                                 size="small"

  497.                                                                 variant="contained"

  498.                                                                 onClick={onDownloadClick()}

  499.                                                                 title="下載"

  500.                                                                 style={{display:"flex-right"}}

  501.                                                                 sx={{

  502.                                                                     textTransform: 'capitalize',

  503.                                                                     alignItems: 'end',

  504.                                                                 }}>

  505.                                                                 <DownloadIcon />

  506.                                                             </Button>

  507.                                                         </Grid>

  508.                                                     </Grid>

  509.                                                 </Grid>

  510.                                             </Grid>

  511.                                         </Grid>

  512.                                     </Grid>

  513.                                 </Grid>

  514.                             </Grid>

  515.                             <Grid item xs={12} md={6} lg={6} sx={{ mb: 1, paddingTop: 2 }}>

  516.                                 <Grid container alignItems={"center"}>

  517.                                     <Grid item xs={12} md={3} lg={3}

  518.                                         sx={{ display: 'flex', alignItems: 'center' }}>

  519.                                         <FormLabel><Typography variant="h5">備註:</Typography></FormLabel>

  520.                                     </Grid>

  521.                                     <Grid item xs={12} md={9} lg={9}>

  522.                                         <Typography variant="h5">{currentApplicationDetailData.remarks}</Typography>

  523.                                     </Grid>

  524.                                 </Grid>

  525.                             </Grid>

  526.                         </Grid>

  527.                     </Grid>

  528.                     <div>

  529.                         <Dialog open={isPopUp} onClose={() => setIsPopUp(false)}  >

  530.                             <DialogTitle></DialogTitle>

  531.                             <Typography variant="h3" style={{ padding: '16px' }}>確認付款</Typography>

  532.                             <DialogContent style={{ display: 'flex', }}>

  533.                                 <Stack direction="column" justifyContent="space-between">

  534.                                     <Typography variant="h4">總計金額: {FormatUtils.currencyFormat(fee)}</Typography>

  535.                                 </Stack>

  536.                             </DialogContent>

  537.                             <DialogActions>

  538.                                 <Button onClick={() => setIsPopUp(false)}><Typography variant="h5">Close</Typography></Button>

  539.                                 <Button onClick={() => doPayment()}><Typography variant="h5">確認</Typography></Button>

  540.                             </DialogActions>

  541.                         </Dialog>

  542.                     </div>

  543.                 </form>

  544.             </MainCard >

  545.     );

  546. };

  547. 

  548. export default ApplicationDetailCard;