Make Electrum panel optional

Author: mu373

.env.local.sample

@@ -1,9 +1,13 @@
-# bitcoind config
+# ===== bitcoind config =====
 RPC_USER=username
 RPC_PASSWORD=password
-#  BITCOIND_HOST should be your service name for your bitcoind Docker container
+# BITCOIND_HOST should be your service name for your bitcoind Docker container
 BITCOIND_HOST=bitcoind 
 BITCOIND_PORT=8332
-#  ELECTRUM_HOST should be your service name for your Electrum Server (e.g. electrs) Docker container
+
+# ===== Electrum config =====
+# Set ENABLE_ELECTRUM_PANEL to TRUE if you would like to show Electrum panel.
+ENABLE_ELECTRUM_PANEL=TRUE
+# ELECTRUM_HOST should be your service name for your Electrum Server (e.g. electrs) Docker container
 ELECTRUM_HOST=electrs
 ELECTRUM_PORT=50001

pages/index.tsx

@@ -39,8 +39,8 @@ export async function getServerSideProps() {
     connectionInCount: 0,
     connectionOutCount: 0,
     enableElectrumPanel: process.env.ENABLE_ELECTRUM_PANEL === 'TRUE',
-    electrumHost: process.env.ELECTRUM_HOST,
-    electrumPort: process.env.ELECTRUM_PORT,
+    electrumHost: '',
+    electrumPort: 0,
     electrumVersion: null,
     electrumBlockHeight: null,
   };
@@ -99,20 +99,27 @@ export async function getServerSideProps() {
     console.error('Error fetching mempool info:', error);
   }
 
-  try {
-    const electrumVersion = await getElectrumVersion();
-    props.electrumVersion = electrumVersion;
-  } catch (error) {
-    console.error('Error fetching Electrum version:', error);
-  }
+  if (props.enableElectrumPanel) {
 
-  try {
-    const electrumBlockHeight = await getElectrumBlockHeight();
-    props.electrumBlockHeight = electrumBlockHeight;
-  } catch (error) {
-    console.error('Error fetching Electrum block height:', error);
+    props.electrumHost = String(process.env.ELECTRUM_HOST);
+    props.electrumPort = Number(process.env.ELECTRUM_PORT);
+
+    try {
+      const electrumVersion = await getElectrumVersion();
+      props.electrumVersion = electrumVersion;
+    } catch (error) {
+      console.error('Error fetching Electrum version:', error);
+    }
+
+    try {
+      const electrumBlockHeight = await getElectrumBlockHeight();
+      props.electrumBlockHeight = electrumBlockHeight;
+    } catch (error) {
+      console.error('Error fetching Electrum block height:', error);
+    }
   }
 
+
   return { props };
 }
 
@@ -155,7 +162,7 @@ const BlockInfo: React.FC<any> = (props) => {
 
           <NodePanel data={props}></NodePanel>
 
-          <ElectrumPanel data={props}></ElectrumPanel>
+          { enableElectrumPanel && <ElectrumPanel data={props}></ElectrumPanel> }
 
         </div>
       </div>