From cd8ebd1bc96edbafa9a8d260e993e0258e14ea15 Mon Sep 17 00:00:00 2001
From: Ted Ian Osias <ted@syscoin.org>
Date: Mon, 13 Oct 2025 15:49:57 +0800
Subject: [PATCH 1/2] Add debugging and fallback for budget data

- Add console logging to debug superBlockData structure
- Add fallback handling for budget data with optional chaining
- Handle cases where budget data might be undefined or have different structure
---
 src/components/governance/GovDetails.jsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/governance/GovDetails.jsx b/src/components/governance/GovDetails.jsx
index e4863fc9..df84b006 100644
--- a/src/components/governance/GovDetails.jsx
+++ b/src/components/governance/GovDetails.jsx
@@ -42,6 +42,9 @@ class Govdetails extends Component {
     render() {
         const { t } = this.props;
         if(this.state.dataload===1) {
+            // Debug: Log the superBlockData structure
+            console.log('superBlockData:', this.state.superBlockData);
+            console.log('sb1Budget:', this.state.superBlockData.sb1Budget);
             return (
                 <div className="cols-top cols">
                     <div className="col col--size6">
@@ -90,27 +93,27 @@ class Govdetails extends Component {
                                     <tbody>
                                         <tr>
                                             <td className="table-label">{this.state.superBlockData.sb1}</td>
-                                            <td className="table-value">{this.state.superBlockData.sb1Budget.result} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb1Budget?.result || this.state.superBlockData.sb1Budget || 'N/A'} SYS</td>
                                             <td className="table-value">{this.state.superBlockData.sb1Date}</td>
                                         </tr>
                                         <tr>
                                             <td className="table-label">{this.state.superBlockData.sb2}</td>
-                                            <td className="table-value">{this.state.superBlockData.sb2Budget.result} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb2Budget?.result || this.state.superBlockData.sb2Budget || 'N/A'} SYS</td>
                                             <td className="table-value">{this.state.superBlockData.sb2Date}</td>
                                         </tr>
                                         <tr>
                                             <td className="table-label">{this.state.superBlockData.sb3}</td>
-                                            <td className="table-value">{this.state.superBlockData.sb3Budget.result} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb3Budget?.result || this.state.superBlockData.sb3Budget || 'N/A'} SYS</td>
                                             <td className="table-value">{this.state.superBlockData.sb3Date}</td>
                                         </tr>
                                         <tr>
                                             <td className="table-label">{this.state.superBlockData.sb4}</td>
-                                            <td className="table-value">{this.state.superBlockData.sb4Budget.result} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb4Budget?.result || this.state.superBlockData.sb4Budget || 'N/A'} SYS</td>
                                             <td className="table-value">{this.state.superBlockData.sb4Date}</td>
                                         </tr>
                                         <tr>
                                             <td className="table-label">{this.state.superBlockData.sb5}</td>
-                                            <td className="table-value">{this.state.superBlockData.sb5Budget.result} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb5Budget?.result || this.state.superBlockData.sb5Budget || 'N/A'} SYS</td>
                                             <td className="table-value">{this.state.superBlockData.sb5Date}</td>
                                         </tr>
                                     </tbody>

From bc091ca484958a49174a0d42e63d7378de0f4b23 Mon Sep 17 00:00:00 2001
From: Ted Ian Osias <ted@syscoin.org>
Date: Mon, 13 Oct 2025 15:50:56 +0800
Subject: [PATCH 2/2] Fix budget data structure access

- Remove incorrect .result property access from budget data
- Use direct sb1Budget, sb2Budget, etc. properties as per API structure
- Remove debugging console logs
- Add fallback to 0 for missing budget values

Based on API response from https://syshub-staging.syscoin.org/api/statsInfo/mnStats
---
 src/components/governance/GovDetails.jsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/governance/GovDetails.jsx b/src/components/governance/GovDetails.jsx
index df84b006..a9916e5c 100644
--- a/src/components/governance/GovDetails.jsx
+++ b/src/components/governance/GovDetails.jsx
@@ -42,9 +42,6 @@ class Govdetails extends Component {
     render() {
         const { t } = this.props;
         if(this.state.dataload===1) {
-            // Debug: Log the superBlockData structure
-            console.log('superBlockData:', this.state.superBlockData);
-            console.log('sb1Budget:', this.state.superBlockData.sb1Budget);
             return (
                 <div className="cols-top cols">
                     <div className="col col--size6">
@@ -93,27 +90,27 @@ class Govdetails extends Component {
                                     <tbody>
                                         <tr>
                                             <td className="table-label">{this.state.superBlockData.sb1}</td>
-                                            <td className="table-value">{this.state.superBlockData.sb1Budget?.result || this.state.superBlockData.sb1Budget || 'N/A'} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb1Budget || 0} SYS</td>
                                             <td className="table-value">{this.state.superBlockData.sb1Date}</td>
                                         </tr>
                                         <tr>
                                             <td className="table-label">{this.state.superBlockData.sb2}</td>
-                                            <td className="table-value">{this.state.superBlockData.sb2Budget?.result || this.state.superBlockData.sb2Budget || 'N/A'} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb2Budget || 0} SYS</td>
                                             <td className="table-value">{this.state.superBlockData.sb2Date}</td>
                                         </tr>
                                         <tr>
                                             <td className="table-label">{this.state.superBlockData.sb3}</td>
-                                            <td className="table-value">{this.state.superBlockData.sb3Budget?.result || this.state.superBlockData.sb3Budget || 'N/A'} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb3Budget || 0} SYS</td>
                                             <td className="table-value">{this.state.superBlockData.sb3Date}</td>
                                         </tr>
                                         <tr>
                                             <td className="table-label">{this.state.superBlockData.sb4}</td>
-                                            <td className="table-value">{this.state.superBlockData.sb4Budget?.result || this.state.superBlockData.sb4Budget || 'N/A'} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb4Budget || 0} SYS</td>
                                             <td className="table-value">{this.state.superBlockData.sb4Date}</td>
                                         </tr>
                                         <tr>
                                             <td className="table-label">{this.state.superBlockData.sb5}</td>
-                                            <td className="table-value">{this.state.superBlockData.sb5Budget?.result || this.state.superBlockData.sb5Budget || 'N/A'} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb5Budget || 0} SYS</td>
                                             <td className="table-value">{this.state.superBlockData.sb5Date}</td>
                                         </tr>
                                     </tbody>