From 36ebdfce6fcbd2b663c795014183c531857c4dcc Mon Sep 17 00:00:00 2001
From: Alex Cheung <alex.cheung@2fi-solutions.com.hk>
Date: Thu, 4 Jul 2024 16:37:28 +0800
Subject: [PATCH] update fps mobile btn

---
 src/pages/Payment/FPS/FPS.js | 68 ++++++++++++++++++++----------------
 1 file changed, 38 insertions(+), 30 deletions(-)

diff --git a/src/pages/Payment/FPS/FPS.js b/src/pages/Payment/FPS/FPS.js
index bfa1e8f..c1f6fe9 100644
--- a/src/pages/Payment/FPS/FPS.js
+++ b/src/pages/Payment/FPS/FPS.js
@@ -49,6 +49,7 @@ const Index = () => {
     const [fpsqrcodeurlPrd, setFpsqrcodeurlPrd] = React.useState("");
     const [fpsqrcodeurlFps, setFpsqrcodeurlFps] = React.useState("");
     const [browserType, setBrowserType] = React.useState("");
+    const [sysEnv, setSysEnv] = React.useState("");
     const mobileBrowser = "Mobile";
     const desktopBrowser = "Desktop";
     
@@ -159,6 +160,7 @@ const Index = () => {
                 */
                setResponeDataData(responseData)
                const timeoutdatetime = responseData.fpsmerchanttimeoutdatetime
+               setSysEnv(responseData.sysEnv)
                const searchString = "[UTC]";
                let convertedDateString = "";
                if ( timeoutdatetime.toString().includes(searchString) ){
@@ -338,36 +340,42 @@ const Index = () => {
                                     </Typography>
                                     {browserType==mobileBrowser?
                                         <Typography variant="h3" sx={{ ml: 8, mt: 4, mr: 8, textAlign: "center" }}>
-                                            <Button
-                                                component="span"
-                                                variant="contained"
-                                                size="large"
-                                                color="primary"
-                                                onClick={()=>{
-                                                    mobliePayment();
-                                                }}
-                                                sx={{ m: 4 }}
-                                            >請選擇支付程式付款-Testing</Button>
-                                            <Button
-                                                component="span"
-                                                variant="contained"
-                                                size="large"
-                                                color="primary"
-                                                onClick={()=>{
-                                                    mobliePaymentPrd();
-                                                }}
-                                                sx={{ m: 4 }}
-                                            >請選擇支付程式付款-PRD</Button>
-                                            <Button
-                                                component="span"
-                                                variant="contained"
-                                                size="large"
-                                                color="primary"
-                                                onClick={()=>{
-                                                    mobliePaymentFps();
-                                                }}
-                                                sx={{ m: 4 }}
-                                            >請選擇支付程式付款-fps prefix</Button>
+                                            {
+                                                sysEnv=="prod"?
+                                                    <Button
+                                                        component="span"
+                                                        variant="contained"
+                                                        size="large"
+                                                        color="primary"
+                                                        onClick={()=>{
+                                                            mobliePaymentPrd();
+                                                        }}
+                                                        sx={{ m: 4 }}
+                                                    >請選擇支付程式付款</Button>
+                                                :
+                                                <>
+                                                    <Button
+                                                        component="span"
+                                                        variant="contained"
+                                                        size="large"
+                                                        color="primary"
+                                                        onClick={()=>{
+                                                            mobliePayment();
+                                                        }}
+                                                        sx={{ m: 4 }}
+                                                    >請選擇支付程式付款-Testing</Button>
+                                                    <Button
+                                                        component="span"
+                                                        variant="contained"
+                                                        size="large"
+                                                        color="primary"
+                                                        onClick={()=>{
+                                                            mobliePaymentFps();
+                                                        }}
+                                                        sx={{ m: 4 }}
+                                                    >請選擇支付程式付款-fps prefix</Button>
+                                                </>
+                                            }
                                         </Typography>
                                         :
                                         <Typography variant="h3" sx={{ ml: 8, mt: 4, mr: 8, textAlign: "center" }}>