Updating configs so that we can use config to get wallet base url from the .env

Author: Maphikza

.env.development

@@ -1,8 +1,8 @@
 REACT_APP_BASE_URL=http://localhost:9002
-# REACT_APP_BASE_URL=https://11561ba2d27f.ngrok.app
+REACT_APP_WALLET_BASE_URL=http://localhost:9003  # New wallet base URL
 REACT_APP_ASSETS_BUCKET=http://localhost
 REACT_APP_DEMO_MODE=false
 
-# more info https://create-react-app.dev/docs/advanced-configuration
+# More info https://create-react-app.dev/docs/advanced-configuration
 ESLINT_NO_DEV_ERRORS=true
 TSC_COMPILE_ON_ERROR=true

src/components/nft-dashboard/Balance/components/SendForm/SendForm.tsx

@@ -65,7 +65,7 @@ const SendForm: React.FC<SendFormProps> = ({ onSend }) => {
               await login(); // Perform login if not authenticated
             }
 
-            const response = await fetch('http://localhost:9003/calculate-tx-size', {
+            const response = await fetch(`${config.walletBaseURL}/calculate-tx-size`, {
               method: 'POST',
               headers: {
                 'Content-Type': 'application/json',
@@ -187,7 +187,7 @@ const SendForm: React.FC<SendFormProps> = ({ onSend }) => {
 
 
       // Step 2: Initiate the new transaction with the JWT token
-      const response = await fetch('http://localhost:9003/transaction', {
+      const response = await fetch(`${config.walletBaseURL}/transaction`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',

src/components/nft-dashboard/unconfirmed-transactions/components/ReplaceTransaction/ReplaceTransaction.tsx

@@ -56,7 +56,7 @@ const ReplaceTransaction: React.FC<ReplaceTransactionProps> = ({ onCancel, onRep
           return;
         }
 
-        const response = await fetch('http://localhost:9003/calculate-tx-size', {
+        const response = await fetch(`${config.walletBaseURL}/calculate-tx-size`, {
           method: 'POST',
           headers: {
             'Content-Type': 'application/json',
@@ -131,7 +131,7 @@ const ReplaceTransaction: React.FC<ReplaceTransactionProps> = ({ onCancel, onRep
         new_fee_rate: newFeeRate, // Send the updated fee rate
       };
 
-      const response = await fetch('http://localhost:9003/transaction', {
+      const response = await fetch(`${config.walletBaseURL}/transaction`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',

src/config/config.ts

@@ -5,9 +5,12 @@ const config = {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   /*@ts-ignore*/
   baseURL: process.env.NODE_ENV === 'production' ? window.location.origin || 'http://localhost:9002' : process.env.REACT_APP_BASE_URL || 'http://localhost:9002', // Fallback in case the environment variable is not set
-  
+
   // Add this line to enable demo mode
   isDemoMode: process.env.REACT_APP_DEMO_MODE === 'true',
+
+  // Add this line for wallet base URL
+  walletBaseURL: process.env.REACT_APP_WALLET_BASE_URL || 'http://localhost:9003', // Fallback in case the environment variable is not set
 };
 
-export default config;
+export default config;