alex
/
PNSPS-frontend-MaterialUI
1
0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
573 Commit
5 Rami (Branch)
19 MiB
 
 
Albero (Tree): ab8f16f7d7
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da 'ab8f16f7d7'
${ noResults }
PNSPS-frontend-MaterialUI/src/pages/User/DetailsPage_Organization/UserInformationCard_Organiz...

607 righe
30 KiB
Originale Blame Cronologia 

  1. // material-ui

  2. import {

  3.     Grid, Typography, Button,

  4.     Dialog, DialogTitle, DialogContent, DialogActions,

  5. } from '@mui/material';

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

  7. import * as React from "react";

  8. 

  9. import * as FieldUtils from "../../../utils/FieldUtils";

  10. import * as HttpUtils from '../../../utils/HttpUtils';

  11. import * as UrlUtils from "../../../utils/ApiPathConst";

  12. import * as ComboData from "../../../utils/ComboData";

  13. 

  14. import { useFormik } from 'formik';

  15. import * as yup from 'yup';

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

  17. import Loadable from 'components/Loadable';

  18. import { lazy } from 'react';

  19. import { notifyActiveSuccess, notifyLockSuccess, notifySaveSuccess, notifyVerifySuccess } from 'utils/CommonFunction';

  20. import {useIntl} from "react-intl";

  21. // ==============================|| DASHBOARD - DEFAULT ||============================== //

  22. 

  23. 

  24. const UserInformationCard_Organization = ({ userData, loadDataFun, orgData }) => {

  25. 

  26.     const [currentUserData, setCurrentUserData] = React.useState(userData);

  27.     const [isWarningPopUp, setIsWarningPopUp] = React.useState(false);

  28.     const [warningText, setWarningText] = React.useState("");

  29.     const [isConfirmPopUp, setIsConfirmPopUp] = React.useState(false);

  30.     const [confirmText, setConfirmText] = React.useState("");

  31.     const [confirmAction, setConfirmAction] = React.useState();

  32.     const [editMode, setEditMode] = React.useState(false);

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

  34.     const intl = useIntl();

  35.     React.useEffect(() => {

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

  37.         // console.log(currentApplicationDetailData)

  38.         if (Object.keys(currentUserData).length > 0) {

  39.             setOnReady(true);

  40.         }

  41.     }, [currentUserData]);

  42. 

  43.     function displayErrorMsg(errorMsg) {

  44.         return <Typography variant="errorMessage1">{errorMsg}</Typography>

  45.     }

  46. 

  47.     const formik = useFormik({

  48.         enableReinitialize: true,

  49.         initialValues: currentUserData,

  50.         validationSchema: yup.object().shape({

  51.             contactPerson: yup.string().max(255).required(displayErrorMsg(intl.formatMessage({id: 'userRequireName'}))),

  52.             enCompanyName: yup.string().max(255).required(displayErrorMsg(intl.formatMessage({id: 'userRequireEnglishName'}))),

  53.             chCompanyName: yup.string().max(255).nullable(),

  54.             addressLine1: yup.string().max(255).required(displayErrorMsg(intl.formatMessage({id: 'validateAddressLine1'}))),

  55.             addressLine2: yup.string().max(255).nullable(),

  56.             addressLine3: yup.string().max(255).nullable(),

  57.             emailBus: yup.string().max(255).required(displayErrorMsg(intl.formatMessage({id: 'requireEmail'}))),

  58.             tel_countryCode: yup.string().min(3, displayErrorMsg(intl.formatMessage({id: 'require3Number'}))).required(displayErrorMsg(intl.formatMessage({id: 'requireDialingCode'}))),

  59.             fax_countryCode: yup.string().min(3, displayErrorMsg(intl.formatMessage({id: 'require3Number'}))).nullable(),

  60.             phoneNumber: yup.string().min(8, displayErrorMsg(intl.formatMessage({id: 'require8Number'}))).required(displayErrorMsg(intl.formatMessage({id: 'requireContactNumber'}))),

  61.             faxNumber: yup.string().min(8, displayErrorMsg(intl.formatMessage({id: 'require8Number'}))).nullable(),

  62.             brExpiryDate: yup.string().min(8, displayErrorMsg(intl.formatMessage({id: 'pleaseFillInBusinessRegCertValidityDate'}))),

  63.             brNo: yup.string().max(8).required(displayErrorMsg(intl.formatMessage({id: 'pleaseFillInBusinessRegCertNumber'})))

  64.                 .test('checkBrNoFormat', displayErrorMsg(`${intl.formatMessage({id: 'pleaseFillInValidBusinessRegCertNumber'})} (e.g. 12341234)`), function (value) {

  65.                 var brNo_pattern = /[0-9]{8}/

  66.                 if (value !== undefined) {

  67.                     if (value.match(brNo_pattern)) {

  68.                         return true

  69.                     } else {

  70.                         return false

  71.                     }

  72.                 }

  73.             }),

  74.         }),

  75.         onSubmit: (values) => {

  76.             HttpUtils.post({

  77.                 url: UrlUtils.POST_ORG_USER + "/" + userData.id,

  78.                 params: {

  79.                     contactTel: {

  80.                         countryCode: values.tel_countryCode,

  81.                         phoneNumber: values.phoneNumber

  82.                     },

  83.                     // faxNo: {

  84.                     //     countryCode: values.fax_countryCode,

  85.                     //     faxNumber: values.faxNumber

  86.                     // },

  87.                     // addressBus: {

  88.                     //     country: values.country,

  89.                     //     district: values.district,

  90.                     //     addressLine1: values.addressLine1,

  91.                     //     addressLine2: values.addressLine2,

  92.                     //     addressLine3: values.addressLine3,

  93.                     // },

  94.                     identification: values.identification,

  95.                     emailBus: values.emailBus,

  96.                     contactPerson: values.contactPerson,

  97.                     // enCompanyName: values.enCompanyName,

  98.                     // chCompanyName: values.chCompanyName,

  99.                     orgId: values.orgId,

  100.                     // brNo: values.brNo,

  101.                     // brExpiryDate: values.brExpiryDate,

  102. 

  103.                 },

  104.                 onSuccess: function () {

  105.                     notifySaveSuccess()

  106.                     loadDataFun();

  107.                 }

  108.             });

  109.         }

  110. 

  111.     });

  112. 

  113. 

  114.     React.useEffect(() => {

  115.         if (Object.keys(userData).length > 0) {

  116.             setCurrentUserData(userData);

  117.         }

  118.     }, [userData]);

  119. 

  120.     const onEditClick = () => {

  121.         setEditMode(true);

  122.     };

  123. 

  124.     const createOrgClick = () => {

  125.         window.open("/org/fromUser/" + userData.id, "_blank", "noreferrer");

  126.         window.addEventListener("focus", onFocus)

  127.     };

  128. 

  129.     const onFocus = () => {

  130.         loadDataFun();

  131.         window.removeEventListener("focus", onFocus)

  132.     }

  133. 

  134.     const onVerifiedClick = () => {

  135.         if (formik?.values?.orgId) {

  136.             HttpUtils.get({

  137.                 url: UrlUtils.GET_IND_USER_VERIFY + "/" + userData.id,

  138.                 onSuccess: function () {

  139.                     notifyVerifySuccess()

  140.                     loadDataFun();

  141.                 }

  142.             });

  143.         } else {

  144.             setWarningText("Please select Organisation before active this account.")

  145.             setIsWarningPopUp(true);

  146.         }

  147. 

  148.     };

  149. 

  150.     const doLock = () => {

  151.         setConfirmText("Confirm to Lock this Account?");

  152.         setConfirmAction({

  153.             function: function () {

  154.                 HttpUtils.get({

  155.                     url: UrlUtils.GET_USER_LOCK + "/" + userData.id,

  156.                     onSuccess: function () {

  157.                         notifyLockSuccess()

  158.                         loadDataFun();

  159.                     }

  160.                 });

  161.             }

  162.         });

  163.         setIsConfirmPopUp(true);

  164.     };

  165. 

  166.     const doUnlock = () => {

  167.         setConfirmText("Confirm to Un-Lock this Account?");

  168. 

  169.         setConfirmAction({

  170.             function: function () {

  171.                 HttpUtils.get({

  172.                     url: UrlUtils.GET_USER_UNLOCK + "/" + userData.id,

  173.                     onSuccess: function () {

  174.                         notifyActiveSuccess()

  175.                         loadDataFun();

  176.                     }

  177.                 });

  178.             }

  179.         });

  180.         setIsConfirmPopUp(true);

  181.     };

  182. 

  183.     return (

  184.         <MainCard elevation={0}

  185.             border={false}

  186.             content={false}

  187.         >

  188. 

  189.             {!onReady ?

  190.                 <LoadingComponent />

  191.                 :

  192.                 <form onSubmit={formik.handleSubmit}>

  193. 

  194.                     {/*top button*/}

  195.                     <Grid item s={12} md={12} lg={12} sx={{ mb: 3, mt: 2 }} alignItems={"start"} justifyContent="center">

  196.                         <Grid container maxWidth justifyContent="flex-start">

  197.                             {editMode ?

  198.                                 <>

  199.                                     <Grid item sx={{ ml: 3, mr: 3 }}>

  200.                                         <Button

  201.                                             size="large"

  202.                                             variant="contained"

  203.                                             onClick={loadDataFun}

  204.                                             sx={{

  205.                                                 textTransform: 'capitalize',

  206.                                                 alignItems: 'end'

  207.                                             }}

  208.                                         >

  209.                                             <Typography variant="h5">Reset & Back</Typography>

  210.                                         </Button>

  211.                                     </Grid>

  212.                                     <Grid item sx={{ ml: 3, mr: 3 }}>

  213.                                         <Button

  214.                                             size="large"

  215.                                             variant="contained"

  216.                                             type="submit"

  217.                                             color="success"

  218.                                             sx={{

  219.                                                 textTransform: 'capitalize',

  220.                                                 alignItems: 'end'

  221.                                             }}

  222.                                         >

  223.                                             <Typography variant="h5">Save</Typography>

  224.                                         </Button>

  225.                                     </Grid>

  226. 

  227.                                 </>

  228.                                 :

  229.                                 <>

  230. 

  231.                                     <Grid item sx={{ ml: 3, mr: 3 }}>

  232.                                         <Button

  233.                                             size="large"

  234.                                             variant="contained"

  235.                                             sx={{

  236.                                                 textTransform: 'capitalize',

  237.                                                 alignItems: 'end'

  238.                                             }}

  239.                                             onClick={onEditClick}

  240.                                         >

  241.                                             <Typography variant="h5">Edit</Typography>

  242.                                         </Button>

  243.                                     </Grid>

  244.                                 </>

  245.                             }

  246. 

  247. 

  248.                         </Grid>

  249.                     </Grid>

  250.                     {/*end top button*/}

  251.                     <div style={{ paddingLeft: 24, paddingRight: 24 }}>

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

  253.                             Organisation User Details

  254.                         </Typography>

  255.                         <Grid container spacing={1}>

  256.                             <Grid item lg={4}>

  257.                                 {FieldUtils.getTextField({

  258.                                     label: "Username:",

  259.                                     valueName: "username",

  260.                                     disabled: true,

  261.                                     form: formik

  262.                                 })}

  263.                             </Grid>

  264. 

  265.                             <Grid item lg={4}>

  266.                                 {FieldUtils.getTextField({

  267.                                     label: "Name:",

  268.                                     valueName: "contactPerson",

  269.                                     disabled: (!editMode),

  270.                                     form: formik

  271.                                 })}

  272.                             </Grid>

  273. 

  274.                             <Grid item lg={4}>

  275.                                 {FieldUtils.getTextField({

  276.                                     label: "Created Date:",

  277.                                     valueName: "createDate",

  278.                                     disabled: true,

  279.                                     form: formik

  280.                                 })}

  281.                             </Grid>

  282. 

  283.                             <Grid item lg={4}>

  284.                                 {FieldUtils.getTextField({

  285.                                     label: "Email:",

  286.                                     valueName: "emailBus",

  287.                                     disabled: (!editMode),

  288.                                     form: formik

  289.                                 })}

  290.                             </Grid>

  291. 

  292.                             <Grid item lg={4}>

  293.                                 {FieldUtils.getPhoneField({

  294.                                     label: "Contact Tel:",

  295.                                     valueName: {

  296.                                         code: "tel_countryCode",

  297.                                         num: "phoneNumber"

  298.                                     },

  299.                                     disabled: (!editMode),

  300.                                     form: formik

  301.                                 })}

  302.                             </Grid>

  303. 

  304.                             <Grid item lg={4}>

  305.                                 {FieldUtils.getTextField({

  306.                                     label: "Last Updated:",

  307.                                     valueName: "modifieDate",

  308.                                     disabled: true,

  309.                                     form: formik

  310.                                 })}

  311.                             </Grid>

  312. 

  313.                             <Grid item lg={4}>

  314.                                 {FieldUtils.getComboField({

  315.                                     label: "Organisation:",

  316.                                     valueName: "orgId",

  317.                                     disabled: (!editMode),

  318.                                     dataList: orgData,

  319.                                     filterOptions: (options, state) => {

  320.                                         if (!state || !state.inputValue) return options;

  321.                                         let searchStr = state.inputValue.toLowerCase().toLowerCase().trim();

  322.                                         const displayOptions = options.filter((option) => {

  323.                                             let brNo = option.brNo.toLowerCase().trim();

  324.                                             let enCompanyName = option.enCompanyName ? option.enCompanyName.toLowerCase().trim() : "";

  325.                                             let chCompanyName = option.chCompanyName ? option.chCompanyName.toLowerCase().trim() : "";

  326.                                             return brNo.includes(searchStr) || enCompanyName.includes(searchStr) || chCompanyName.includes(searchStr);

  327.                                         },

  328.                                         );

  329.                                         return displayOptions;

  330.                                     },

  331.                                     getOptionLabel: (item) => item ? typeof item === 'number' ? item + "" : (item["brNo"] ?

  332.                                         <div>BR No.: {item["brNo"]}<div>Org. Name(Eng): {item["enCompanyName"] === null ? "N/A" : item["enCompanyName"]}</div><div>Org. Name(CH): {item["chCompanyName"] === null ? "N/A" : item["chCompanyName"]}</div></div> : "")

  333.                                         : "",

  334.                                     isOptionEqualToValue: (option, newValue, setValue, setInputValue) => {

  335.                                         if (option.id == newValue || option.id == newValue.id) {

  336.                                             setValue(option);

  337.                                             setInputValue(option["brNo"]);

  338.                                             return true;

  339.                                         }

  340.                                         return option == newValue || option.id == newValue.id;

  341.                                     },

  342.                                     onInputChange: (event, newValue, setInputValue) => {

  343.                                         if (newValue !== "[object Object]") {

  344.                                             setInputValue(newValue);

  345.                                         }

  346.                                     },

  347.                                     onChange: (event, newValue) => {

  348.                                         if (newValue == null) {

  349.                                             formik.setFieldValue("orgId", "");

  350.                                             return;

  351.                                         }

  352.                                         formik.setFieldValue("orgId", newValue.id);

  353.                                     },

  354.                                     form: formik

  355.                                 })}

  356.                             </Grid>

  357. 

  358.                             <Grid item lg={4}>

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

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

  361.                                         <Typography variant="h5">Verified:</Typography>

  362.                                     </Grid>

  363. 

  364.                                     {

  365.                                         currentUserData.verifiedBy || editMode ?

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

  367.                                                 {FieldUtils.initField({

  368.                                                     valueName: "verifiedStatus",

  369.                                                     disabled: true,

  370.                                                     form: formik,

  371.                                                 })}

  372.                                             </Grid>

  373.                                             :

  374.                                             <>

  375.                                                 <Grid item xs={10} md={4} lg={4}>

  376.                                                     {FieldUtils.initField({

  377.                                                         valueName: "verifiedStatus",

  378.                                                         disabled: true,

  379.                                                         form: formik,

  380.                                                     })}

  381.                                                 </Grid>

  382.                                                 <Grid item xs={1} md={1} lg={1}>

  383.                                                     <Button

  384.                                                         size="large"

  385.                                                         variant="contained"

  386.                                                         sx={{

  387.                                                             textTransform: 'capitalize',

  388.                                                             alignItems: 'end'

  389.                                                         }}

  390.                                                         onClick={() => { onVerifiedClick() }}

  391.                                                     >

  392.                                                         <Typography variant="h5">Verify</Typography>

  393.                                                     </Button>

  394.                                                 </Grid>

  395.                                             </>

  396.                                     }

  397. 

  398.                                 </Grid>

  399.                             </Grid>

  400. 

  401.                             <Grid item lg={4}>

  402.                                 {FieldUtils.getTextField({

  403.                                     label: "Last Login:",

  404.                                     valueName: "lastLoginDate",

  405.                                     disabled: true,

  406.                                     form: formik

  407.                                 })}

  408.                             </Grid>

  409. 

  410.                             <Grid item lg={8}></Grid>

  411. 

  412.                             <Grid item lg={4}>

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

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

  415.                                         <Typography variant="h5">Status:</Typography>

  416.                                     </Grid>

  417.                                     {

  418.                                         editMode ?

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

  420.                                                 {FieldUtils.initField({

  421.                                                     valueName: "status",

  422.                                                     disabled: true,

  423.                                                     form: formik,

  424.                                                 })}

  425.                                             </Grid>

  426.                                             :

  427.                                             <>

  428. 

  429.                                                 <Grid item xs={10} md={4} lg={4}>

  430.                                                     {FieldUtils.initField({

  431.                                                         valueName: "status",

  432.                                                         disabled: true,

  433.                                                         form: formik,

  434.                                                     })}

  435.                                                 </Grid>

  436. 

  437.                                                 {formik.values.locked ?

  438.                                                     <Grid item xs={1} md={1} lg={1} sx={{ ml: 1 }}>

  439.                                                         <Button

  440.                                                             size="large"

  441.                                                             variant="contained"

  442.                                                             color="success"

  443.                                                             sx={{

  444.                                                                 textTransform: 'capitalize',

  445.                                                                 alignItems: 'end'

  446.                                                             }}

  447.                                                             onClick={doUnlock}

  448.                                                         >

  449.                                                             <Typography variant="h5">Active</Typography>

  450.                                                         </Button>

  451.                                                     </Grid>

  452.                                                     :

  453.                                                     <Grid item xs={1} md={1} lg={1} sx={{ ml: 1 }}>

  454.                                                         <Button

  455.                                                             size="large"

  456.                                                             variant="contained"

  457.                                                             color="error"

  458.                                                             sx={{

  459.                                                                 textTransform: 'capitalize',

  460.                                                                 alignItems: 'end',

  461.                                                             }}

  462.                                                             onClick={doLock}

  463.                                                         >

  464.                                                             <Typography variant="h5">Lock</Typography>

  465.                                                         </Button>

  466.                                                     </Grid>

  467.                                                 }

  468.                                             </>

  469.                                     }

  470.                                 </Grid>

  471.                             </Grid>

  472.                         </Grid>

  473.                     </div>

  474.                     <br />

  475.                     <div style={{ paddingLeft: 24, paddingRight: 24 }}>

  476.                         <Grid container spacing={1} >

  477.                             <Grid item lg={12}>

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

  479.                                     {currentUserData.orgId == null ?

  480.                                         <Grid item lg={2} >

  481.                                             <Button variant="contained"

  482.                                                 onClick={createOrgClick}

  483.                                             >

  484.                                                 <Typography variant="h5">Create Organisation</Typography>

  485.                                             </Button>

  486.                                         </Grid>

  487.                                         : null

  488.                                     }

  489.                                 </Grid>

  490.                             </Grid>

  491.                             <Grid item lg={12} >

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

  493.                                     Organisation

  494.                                 </Typography>

  495.                             </Grid>

  496.                             <Grid item lg={4}>

  497.                                 {FieldUtils.getTextField({

  498.                                     label: "Org.Name (English):",

  499.                                     valueName: "enCompanyName",

  500.                                     disabled: true,

  501.                                     form: formik

  502.                                 })}

  503.                             </Grid>

  504. 

  505.                             <Grid item lg={4}>

  506.                                 {FieldUtils.getTextField({

  507.                                     label: "Org.Name (Chinese):",

  508.                                     valueName: "chCompanyName",

  509.                                     disabled: true,

  510.                                     form: formik

  511.                                 })}

  512.                             </Grid>

  513. 

  514.                             <Grid item lg={4}>

  515.                                 {FieldUtils.getTextField({

  516.                                     label: "BR No.:",

  517.                                     valueName: "brNo",

  518.                                     disabled: true,

  519.                                     form: formik

  520.                                 })}

  521.                             </Grid>

  522. 

  523.                             <Grid item lg={4}>

  524.                                 {FieldUtils.getComboField({

  525.                                     label: "Country:",

  526.                                     valueName: "country",

  527.                                     dataList: ComboData.country,

  528.                                     getOptionLabel: (option) => option.type? intl.formatMessage({ id: option.type }) : "",

  529.                                     disabled: true,

  530.                                     form: formik

  531.                                 })}

  532.                             </Grid>

  533. 

  534.                             <Grid item lg={4}>

  535.                                 {FieldUtils.getPhoneField({

  536.                                     label: "Fax No.:",

  537.                                     valueName: {

  538.                                         code: "fax_countryCode",

  539.                                         num: "faxNumber"

  540.                                     },

  541.                                     disabled: true,

  542.                                     form: formik

  543.                                 })}

  544.                             </Grid>

  545. 

  546.                             <Grid item lg={4}>

  547.                                 {FieldUtils.getDateField({

  548.                                     label: "BR Expiry Date.:",

  549.                                     valueName: "brExpiryDate",

  550.                                     disabled: true,

  551.                                     form: formik

  552.                                 })}

  553.                             </Grid>

  554. 

  555.                             <Grid item lg={4}>

  556.                                 {FieldUtils.getAddressField({

  557.                                     label: "Address:",

  558.                                     valueName: ["addressLine1", "addressLine2", "addressLine3"],

  559.                                     disabled: true,

  560.                                     form: formik

  561.                                 })}

  562.                             </Grid>

  563. 

  564.                             <Grid item lg={4}>

  565.                                 {FieldUtils.getComboField({

  566.                                     label: "District:",

  567.                                     valueName: "district",

  568.                                     dataList: ComboData.district,

  569.                                     getOptionLabel: (option) => option.type? intl.formatMessage({ id: option.type }) : "",

  570.                                     disabled: true,

  571.                                     form: formik

  572.                                 })}

  573.                             </Grid>

  574.                         </Grid>

  575.                     </div>

  576.                     <br />

  577.                 </form>

  578.             }

  579.             <div>

  580.                 <Dialog open={isWarningPopUp} onClose={() => setIsWarningPopUp(false)}  >

  581.                     <DialogTitle><Typography variant="h3">Warning</Typography></DialogTitle>

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

  583.                         <Typography variant="h4" style={{ padding: '16px' }}>{warningText}</Typography>

  584.                     </DialogContent>

  585.                     <DialogActions>

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

  587.                     </DialogActions>

  588.                 </Dialog>

  589.             </div>

  590.             <div>

  591.                 <Dialog open={isConfirmPopUp} onClose={() => setIsConfirmPopUp(false)}  >

  592.                     <DialogTitle><Typography variant="h3">Confirm</Typography></DialogTitle>

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

  594.                         <Typography variant="h4" style={{ padding: '16px' }}>{confirmText}</Typography>

  595.                     </DialogContent>

  596.                     <DialogActions>

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

  598.                         <Button onClick={() => { confirmAction?.function(); }}><Typography variant="h5">Confirm</Typography></Button>

  599.                     </DialogActions>

  600.                 </Dialog>

  601.             </div>

  602.         </MainCard>

  603.     );

  604. };

  605. 

  606. export default UserInformationCard_Organization;