From 961215fd58ca683a58abea7941d1519c8d08dff0 Mon Sep 17 00:00:00 2001
From: Alex Cheung <alex.cheung@2fi-solutions.com.hk>
Date: Thu, 28 Mar 2024 11:14:30 +0800
Subject: [PATCH] receipt download handler

---
 .../Payment/Details_GLD/PaymentDetails.js     | 43 +++++++++--------
 .../Payment/Details_Public/PaymentDetails.js  | 47 ++++++++++---------
 2 files changed, 50 insertions(+), 40 deletions(-)

diff --git a/src/pages/Payment/Details_GLD/PaymentDetails.js b/src/pages/Payment/Details_GLD/PaymentDetails.js
index 9efe315..d74c937 100644
--- a/src/pages/Payment/Details_GLD/PaymentDetails.js
+++ b/src/pages/Payment/Details_GLD/PaymentDetails.js
@@ -150,25 +150,30 @@ const PaymentDetails = ({ formData,doPrint,onDownload }) => {
                                 </Grid>
                             </Grid>
                         </Grid>
-                        <Grid item xs={12} md={12}>
-                            <Grid container alignItems="center">
-                                <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}>
-                                    <FormLabel sx={{ color: "#000000" }}>
-                                        Payment Receipt:
-                                    </FormLabel>
-                                </Grid>
-                                <Grid xs={6} md={5} sx={{ml:5,textAlign: "left" }}>
-                                    {onDownload?
-                                        <LoadingComponent disableText={true} alignItems="flex-start"/>
-                                    :
-                                        <Button className="printHidden" variant="contained" sx={{ mt:2 }} onClick={doPrint}>
-                                            <DownloadIcon/>
-                                            <Typography sx={{fontSize: "16px"}}>Download</Typography>
-                                        </Button>
-                                    }
-                                </Grid>
-                            </Grid>
-                        </Grid>
+                        {
+                            data.status == "APPR"
+                            ?
+                                <Grid item xs={12} md={12}>
+                                    <Grid container alignItems="center">
+                                        <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}>
+                                            <FormLabel sx={{ color: "#000000" }}>
+                                                Payment Receipt:
+                                            </FormLabel>
+                                        </Grid>
+                                        <Grid xs={6} md={5} sx={{ml:5,textAlign: "left" }}>
+                                            {onDownload?
+                                                <LoadingComponent disableText={true} alignItems="flex-start"/>
+                                            :
+                                                <Button className="printHidden" variant="contained" sx={{ mt:2 }} onClick={doPrint}>
+                                                    <DownloadIcon/>
+                                                    <Typography sx={{fontSize: "16px"}}>Download</Typography>
+                                                </Button>
+                                            }
+                                        </Grid>
+                                    </Grid>
+                                </Grid>
+                            : null
+                        }
                     </Grid>
                 </form>
             </MainCard>
diff --git a/src/pages/Payment/Details_Public/PaymentDetails.js b/src/pages/Payment/Details_Public/PaymentDetails.js
index 2dea0fc..16d6a85 100644
--- a/src/pages/Payment/Details_Public/PaymentDetails.js
+++ b/src/pages/Payment/Details_Public/PaymentDetails.js
@@ -160,27 +160,32 @@ const PaymentDetails = ({ formData,doPrint,onDownload }) => {
                                         </Grid>
                                     </Grid>
                                 </Grid>
-                                <Grid item xs={12} md={12}>
-                                    <Grid container spacing={5} alignItems="center">
-                                        <Grid item xs={6} md={6} sx={{textAlign: "right" }}>
-                                            <FormLabel sx={{ fontSize: "16px", color: "#000000" }}>
-                                                <FormattedMessage id="payReceipt"/>:
-                                            </FormLabel>
-                                        </Grid>
-                                        <Grid item xs={6} md={5} sx={{textAlign: "left" }}>
-                                            {onDownload?
-                                                <LoadingComponent disableText={true} alignItems="flex-start"/>
-                                            :
-                                                <Button className="printHidden" variant="contained" sx={{ mt:2 }} onClick={doPrint}>
-                                                    <DownloadIcon/>
-                                                    <Typography sx={{fontSize: "16px"}}>
-                                                        <FormattedMessage id="download"/>
-                                                    </Typography>
-                                                </Button>
-                                            }
-                                        </Grid>
-                                    </Grid>
-                                </Grid>
+                                {
+                                    data.status == "APPR"
+                                    ?
+                                        <Grid item xs={12} md={12}>
+                                            <Grid container spacing={5} alignItems="center">
+                                                <Grid item xs={6} md={6} sx={{textAlign: "right" }}>
+                                                    <FormLabel sx={{ fontSize: "16px", color: "#000000" }}>
+                                                        <FormattedMessage id="payReceipt"/>:
+                                                    </FormLabel>
+                                                </Grid>
+                                                <Grid item xs={6} md={5} sx={{textAlign: "left" }}>
+                                                    {onDownload?
+                                                        <LoadingComponent disableText={true} alignItems="flex-start"/>
+                                                    :
+                                                        <Button className="printHidden" variant="contained" sx={{ mt:2 }} onClick={doPrint}>
+                                                            <DownloadIcon/>
+                                                            <Typography sx={{fontSize: "16px"}}>
+                                                                <FormattedMessage id="download"/>
+                                                            </Typography>
+                                                        </Button>
+                                                    }
+                                                </Grid>
+                                            </Grid>
+                                        </Grid>
+                                    : null
+                                }
                             </Grid>
                         </Grid>
                     </Grid>