receipt download handler

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>

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>