CR-022 Item 7

src/pages/Payment/Details_GLD/index.js

@@ -35,6 +35,9 @@ const Index = () => {
     const params = useParams();
     const navigate = useNavigate()
 
+    const [responeData, setResponeData] = React.useState({});
+    const [transactionData, setTransactionData] = React.useState({});
+
     const [record, setRecord] = React.useState();
     const [itemList, setItemList] = React.useState([]);
     const [onReady, setOnReady] = React.useState(false);
@@ -47,8 +50,16 @@ const Index = () => {
     }, []);
 
     React.useEffect(() => {
-        setOnReady(true);
-    }, [record]);
+        if (Object.keys(responeData).length > 0) {
+            setTransactionData(responeData);
+        }
+    }, [responeData]);
+
+    React.useEffect(() => {
+        if (Object.keys(transactionData).length > 0) {
+            setOnReady(true);
+        }
+    }, [transactionData]);
 
     // const handleResize = () => {
     //     setDetailsOrder(window.innerWidth > 1023 ? 2 : -1);
@@ -70,17 +81,40 @@ const Index = () => {
 
     const loadForm = () => {
         if (params.id > 0) {
-
             HttpUtils.get({
                 url: UrlUtils.PAYMENT_LOAD + "/" + params.id,
                 onSuccess: (responseData) => {
                     if (!responseData.data?.id) {
                         navigate("/paymentPage/search");
                     }
-                    responseData.data["transDateStr"] = responseData.data.transDateTime;
-                    responseData.data["transTimeStr"] = DateUtils.dateFormat(responseData.data.transDateTime, "HH:mm:ss");
-                    setItemList(responseData.paymentItemList)
-                    setRecord(responseData.data);
+                    if (responseData.data.status == null || responseData.data.status == "INPR") {
+                        HttpUtils.post({
+                            url: UrlUtils.PAYMENT_RETRY_STATUS_API,
+                            params: {
+                                "paymentId": params.id
+                            },
+                            onSuccess: function (responseData2) {
+                                responseData2.data["transDateStr"] = responseData2.data.transDateTime;
+                                responseData2.data["transTimeStr"] = DateUtils.dateFormat(responseData2.data.transDateTime, "HH:mm:ss");
+                                setResponeData(responseData2.transactionData);
+                                setItemList(responseData2.paymentItemList);
+                                setRecord(responseData2.data);
+                            },
+                            onError: function () {
+                                responseData.data["transDateStr"] = responseData.data.transDateTime;
+                                responseData.data["transTimeStr"] = DateUtils.dateFormat(responseData.data.transDateTime, "HH:mm:ss");
+                                setResponeData(responseData);
+                                setItemList(responseData.paymentItemList);
+                                setRecord(responseData.data);
+                            }
+                        });
+                    } else {
+                        responseData.data["transDateStr"] = responseData.data.transDateTime;
+                        responseData.data["transTimeStr"] = DateUtils.dateFormat(responseData.data.transDateTime, "HH:mm:ss");
+                        setResponeData(responseData);
+                        setItemList(responseData.paymentItemList);
+                        setRecord(responseData.data);
+                    }
                 }
             });
         }