diff --git a/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js b/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js
index 76da039..dfd0d10 100644
--- a/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js
+++ b/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js
@@ -100,19 +100,23 @@ const ApplicationDetailCard = (
         setStatus("withdraw")
     };
 
+    const doPublish =()=>()=>{
+        setStatus("published")
+    }
+
     const onProofClick = () => {
         if (applicationDetailData.data.groupNo) {
             HttpUtils.get({
-                url: UrlUtils.CHECK_CREATE_PROOF+"/"+currentApplicationDetailData.id,
-                onSuccess:function(responeData){
-                    if(responeData.success == true){
+                url: UrlUtils.CHECK_CREATE_PROOF + "/" + currentApplicationDetailData.id,
+                onSuccess: function (responeData) {
+                    if (responeData.success == true) {
                         window.open("/proof/create/" + currentApplicationDetailData.id, "_blank", "noreferrer");
                         window.addEventListener("focus", onFocus)
-                    }else{
+                    } else {
                         let msg = responeData.msg;
-                        if(msg === "haveActiveProof"){
+                        if (msg === "haveActiveProof") {
                             msg = "Action Failed: There is already a pending payment and proofreading record for client review."
-                        }else if(msg === "haveProofed"){
+                        } else if (msg === "haveProofed") {
                             msg = "Action Failed: Already proofed."
                         }
                         setWarningText(msg);
@@ -120,8 +124,8 @@ const ApplicationDetailCard = (
                     }
                 }
             });
-            
-        }else {
+
+        } else {
             setWarningText("Please generate Gazette Code before Create Proof.");
             setIsWarningPopUp(true);
         }
@@ -199,33 +203,49 @@ const ApplicationDetailCard = (
                                             <Typography ml={1} variant="h5">Not accept</Typography>
                                         </Button>
                                     </> :
-                                    currentApplicationDetailData.status == "paid" ?
+                                    (currentApplicationDetailData.status == "confirmed" && currentApplicationDetailData.creditor == 1) ?
                                         <>
                                             <Button
                                                 // size="large"
                                                 variant="contained"
-                                                onClick={complatedClick()}
+                                                onClick={doPublish()}
                                                 sx={{
                                                     textTransform: 'capitalize',
                                                     alignItems: 'end',
                                                     backgroundColor: '#52b202'
                                                 }}>
                                                 <DoneIcon />
-                                                <Typography ml={1} variant="h5">Complete</Typography>
+                                                <Typography ml={1} variant="h5">Publish</Typography>
                                             </Button>
-                                            <Button
-                                                // size="large"
-                                                variant="contained"
-                                                onClick={withdrawnClick()}
-                                                sx={{
-                                                    textTransform: 'capitalize',
-                                                    alignItems: 'end',
-                                                    backgroundColor: '#ffa733'
-                                                }}>
-                                                <CloseIcon />
-                                                <Typography ml={1} variant="h5">Withdraw</Typography>
-                                            </Button>
-                                        </> : null
+                                        </>
+                                        :
+                                        (currentApplicationDetailData.status == "paid" && currentApplicationDetailData.creditor == 0) ?
+                                            <>
+                                                <Button
+                                                    // size="large"
+                                                    variant="contained"
+                                                    onClick={complatedClick()}
+                                                    sx={{
+                                                        textTransform: 'capitalize',
+                                                        alignItems: 'end',
+                                                        backgroundColor: '#52b202'
+                                                    }}>
+                                                    <DoneIcon />
+                                                    <Typography ml={1} variant="h5">Complete</Typography>
+                                                </Button>
+                                                <Button
+                                                    // size="large"
+                                                    variant="contained"
+                                                    onClick={withdrawnClick()}
+                                                    sx={{
+                                                        textTransform: 'capitalize',
+                                                        alignItems: 'end',
+                                                        backgroundColor: '#ffa733'
+                                                    }}>
+                                                    <CloseIcon />
+                                                    <Typography ml={1} variant="h5">Withdraw</Typography>
+                                                </Button>
+                                            </> : null
                                 }
                             </Stack>
                         </Grid>
@@ -267,7 +287,7 @@ const ApplicationDetailCard = (
                                         </Grid>
                                     </Grid>
                                 </Grid>
-                                <Grid item xs={12} sm={12} md={5.5} lg={5.5} sx={{ mb: 1, ml: {md:1, lg:3} }}>
+                                <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 item xs={12} md={4} lg={4}
                                             sx={{ display: 'flex', alignItems: 'center' }}>
@@ -329,7 +349,7 @@ const ApplicationDetailCard = (
                                         </Grid>
                                     </Grid>
                                 </Grid>
-                                <Grid item xs={12} md={5.5} lg={5.5} sx={{ mb: 1, ml: {md:1, lg:3} }}>
+                                <Grid item xs={12} md={5.5} lg={5.5} sx={{ mb: 1, ml: { md: 1, lg: 3 } }}>
                                     <Grid container alignItems={"center"}>
                                         <Grid item xs={12} md={4} lg={4}
                                             sx={{ display: 'flex', alignItems: 'center' }}>
@@ -351,7 +371,7 @@ const ApplicationDetailCard = (
                                                                 WebkitTextFillColor: "#000000",
                                                                 background: "#f8f8f8",
                                                             },
-                                                            mr:1
+                                                            mr: 1
                                                         }}
                                                         inputProps={{
                                                             maxLength: 3,
@@ -414,7 +434,7 @@ const ApplicationDetailCard = (
                                         </Grid>
                                     </Grid>
                                 </Grid>
-                                <Grid item xs={12} md={5.5} lg={5.5} sx={{ mb: 1, ml: {md:1, lg:3} }}>
+                                <Grid item xs={12} md={5.5} lg={5.5} sx={{ mb: 1, ml: { md: 1, lg: 3 } }}>
                                     <Grid container alignItems={"center"}>
                                         <Grid item xs={12} md={4} lg={4}
                                             sx={{ display: 'flex', alignItems: 'center' }}>
@@ -436,7 +456,7 @@ const ApplicationDetailCard = (
                                                                 WebkitTextFillColor: "#000000",
                                                                 background: "#f8f8f8",
                                                             },
-                                                            mr:1,
+                                                            mr: 1,
                                                         }}
                                                         inputProps={{
                                                             maxLength: 3,
diff --git a/src/pages/PublicNotice/Details_GLD/index.js b/src/pages/PublicNotice/Details_GLD/index.js
index a92c56e..e7a9bb3 100644
--- a/src/pages/PublicNotice/Details_GLD/index.js
+++ b/src/pages/PublicNotice/Details_GLD/index.js
@@ -32,7 +32,8 @@ import {
   SET_PUBLIC_NOTICE_STATUS_COMPLATED,
   SET_PUBLIC_NOTICE_STATUS_WITHDRAW,
   SET_PUBLIC_NOTICE_STATUS_RESUBMIT,
-  SET_PUBLIC_NOTICE_STATUS_REVIEWED
+  SET_PUBLIC_NOTICE_STATUS_REVIEWED,
+  SET_PUBLIC_NOTICE_STATUS_PUBLISH
 } from "utils/ApiPathConst";
 const StatusChangeDialog = Loadable(lazy(() => import('./StatusChangeDialog')));
 import * as DateUtils from "utils/DateUtils";
@@ -182,6 +183,8 @@ const PublicNoticeDetail_GLD = () => {
         onNotAcceptClick(getReason);
       } else if (getStatus == "resubmit") {
         onReSubmitClick();
+      } else if (getStatus == "published") {
+        onPublishClick();
       }
     }
   }, [statusWindowAccepted]);
@@ -225,6 +228,19 @@ const PublicNoticeDetail_GLD = () => {
     });
   }
 
+  const onPublishClick = () => {
+    if (params.id <= 0) return;
+    HttpUtils.post({
+      url: `${SET_PUBLIC_NOTICE_STATUS_PUBLISH}/${params.id}`,
+      onSuccess: function () {
+        setOpen(false);
+        handleClose();
+        loadApplicationDetail()
+        notifySaveSuccess()
+      }
+    });
+  }
+
   const onComplatedClick = () => {
     if (params.id > 0) {
       axios.get(`${SET_PUBLIC_NOTICE_STATUS_COMPLATED}/${params.id}`)
@@ -301,7 +317,7 @@ const PublicNoticeDetail_GLD = () => {
   }, [getUploadStatus]);
 
   return (
-    <Grid container sx={{ width:"100%", backgroundColor: 'backgroundColor.default' }} direction="column">
+    <Grid container sx={{ width: "100%", backgroundColor: 'backgroundColor.default' }} direction="column">
       <StatusChangeDialog open={open}
         handleClose={handleClose}
         setReason={setReason}
@@ -324,12 +340,12 @@ const PublicNoticeDetail_GLD = () => {
         </div>
       </Grid>
       <Grid item xs={12} sm={12} md={12} lg={12}>
-          <Stack direction="row">
-          <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)"}}/>
+        <Stack direction="row">
+          <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)" }} />
           </Button>
           <Typography ml={4} mt={3} variant="h4">{title}</Typography>
-          </Stack>
+        </Stack>
       </Grid>
       {/* <Grid item xs={12} >
         <Stack direction="row" height='20px' justifyContent="flex-start" alignItems="center">
@@ -341,7 +357,7 @@ const PublicNoticeDetail_GLD = () => {
           <Grid item xs={12} md={12} lg={9} xl={9}>
             <Grid container direction="column">
               <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}, borderRadius: '10px', backgroundColor: '#ffffff' }}>
+                <Box xs={12} sx={{ ml: 2, mt: 3, mr: { xs: 2, sm: 2 }, borderRadius: '10px', backgroundColor: '#ffffff' }}>
                   {isLoading && editMode ?
                     <LoadingComponent /> :
                     <ApplicationDetailCard
@@ -358,7 +374,7 @@ const PublicNoticeDetail_GLD = () => {
                 </Box>
               </Grid>
               <Grid item xs={12} md={12} lg={12} xl={12}>
-                <Box xs={12} sx={{ml:2, mt:3, mr:{xs:2, sm:2}, borderRadius: '10px', backgroundColor: '#ffffff' }}>
+                <Box xs={12} sx={{ ml: 2, mt: 3, mr: { xs: 2, sm: 2 }, borderRadius: '10px', backgroundColor: '#ffffff' }}>
                   <GazetteDetailCard
                     // updateUserObject={updateUserObject}
                     applicationDetailData={applicationDetailData}
@@ -369,21 +385,21 @@ const PublicNoticeDetail_GLD = () => {
                 </Box>
               </Grid>
               <Grid item xs={12} md={12} lg={12} xl={12}>
-                <Box xs={12} sx={{ml:2, mt:3, mr:{sm:2}, 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
                     applicationDetailData={applicationDetailData}
                     proofList={proofList}
                     paymentList={paymentList}
                   />
                 </Box>
-                <br/>
+                <br />
               </Grid>
             </Grid>
           </Grid>
-          <Grid item xs={12} md={12} lg={3} xl={3} sx={{mt:{xs: -3, sm:-3}}}>
+          <Grid item xs={12} md={12} lg={3} xl={3} sx={{ mt: { xs: -3, sm: -3 } }}>
             <Grid container>
               <Grid item xs={12} md={12}>
-                <Box xs={12} md={12} height='800px' sx={{ ml:2, mt:3, mb:3, mr:{xs:2, sm:2}, borderRadius: '10px', backgroundColor: '#ffffff' }}>
+                <Box xs={12} md={12} height='800px' sx={{ ml: 2, mt: 3, mb: 3, mr: { xs: 2, sm: 2 }, borderRadius: '10px', backgroundColor: '#ffffff' }}>
                   <ClientDetailCard
                     // updateUserObject={updateUserObject}
                     applicationDetailData={applicationDetailData}
diff --git a/src/utils/ApiPathConst.js b/src/utils/ApiPathConst.js
index b621d70..e59de2f 100644
--- a/src/utils/ApiPathConst.js
+++ b/src/utils/ApiPathConst.js
@@ -77,6 +77,7 @@ export const SET_PUBLIC_NOTICE_STATUS_COMPLATED = apiPath+'/application/applicat
 export const SET_PUBLIC_NOTICE_STATUS_WITHDRAW = apiPath+'/application/application-detail-status-withdrawn';
 export const SET_PUBLIC_NOTICE_STATUS_RESUBMIT = apiPath+'/application/application-detail-status-resubmit';
 export const SET_PUBLIC_NOTICE_STATUS_REVIEWED = apiPath+'/application/application-detail-status-reviewed';
+export const SET_PUBLIC_NOTICE_STATUS_PUBLISH = apiPath+'/application/application-detail-status-publish';
 export const UPDATE_PUBLIC_NOTICE_APPLY_DETAIL = apiPath+'/application/save';
 
 export const GET_ISSUE_COMBO = apiPath+'/gazette-issue/combo';