Merge pull request #61 from HORNET-Storage/feature/optional-wallet-configuration

Feature/optional wallet configuration

Author: f7f376a1fcd0d0e11a10ed1b6577c9

.env.production

@@ -5,7 +5,7 @@
 REACT_APP_DEMO_MODE=false
 
 # Direct wallet service access
-REACT_APP_WALLET_BASE_URL=http://localhost:9003
+REACT_APP_WALLET_BASE_URL=
 
 # Router configuration (empty since served from relay server root)
 REACT_APP_BASENAME=

README.md

@@ -175,9 +175,9 @@ Create `.env.production` for production builds:
 # Demo mode (set to false for production)
 REACT_APP_DEMO_MODE=false
 
-# Explicit service URLs (required)
-REACT_APP_WALLET_BASE_URL=http://localhost:9003
-REACT_APP_OWN_RELAY_URL=ws://localhost:9001
+# Service URLs
+REACT_APP_WALLET_BASE_URL=http://localhost:9003  # Optional - leave empty to disable wallet features
+REACT_APP_OWN_RELAY_URL=ws://localhost:9001       # Required for profile fetching
 
 # Router configuration (empty for direct access)
 REACT_APP_BASENAME=
@@ -193,7 +193,8 @@ TSC_COMPILE_ON_ERROR=true
 
 
 **🎯 Key Requirements**:
-- ✅ **Explicit Service URLs Required** - Wallet and relay URLs must be configured in environment variables
+- ✅ **Relay URL Required** - REACT_APP_OWN_RELAY_URL must be configured for profile fetching
+- ✅ **Wallet URL Optional** - REACT_APP_WALLET_BASE_URL can be empty to disable wallet features
 - ✅ **Panel Routing Auto-Detection** - Panel paths (REACT_APP_BASENAME/PUBLIC_URL) can be auto-detected
 - ✅ **Build-Time Configuration** - Service URLs are baked into the JavaScript bundle during build
 - ✅ **Simple Deployment** - No reverse proxy needed for basic functionality
@@ -262,11 +263,13 @@ Controls the React app's routing base path:
 **Note**: For the current working setup, leave this empty (`REACT_APP_BASENAME=`) since the panel is served from the root path.
 
 ### Service URLs
-**🎯 Explicit Configuration Required**: Service URLs must be explicitly configured:
-- **Wallet Service**: `REACT_APP_WALLET_BASE_URL=http://localhost:9003` (required)
-- **Relay WebSocket**: `REACT_APP_OWN_RELAY_URL=ws://localhost:9001` (required)
+**🎯 Configuration Requirements**:
+- **Wallet Service**: `REACT_APP_WALLET_BASE_URL=http://localhost:9003` (optional - leave empty to disable wallet features)
+- **Relay WebSocket**: `REACT_APP_OWN_RELAY_URL=ws://localhost:9001` (required for profile fetching)
 - **Panel API**: Auto-detected from current origin (no configuration needed)
 
+**Note**: When wallet URL is not configured, send/receive buttons will show a helpful message about rebuilding with wallet configuration.
+
 **Manual Override** (development only):
 - **REACT_APP_BASE_URL**: Panel API endpoint (dev mode only)
 - **REACT_APP_WALLET_BASE_URL**: Wallet service endpoint (dev mode only)

src/components/relay-dashboard/Balance/components/SendButton/SendButton.tsx

@@ -1,12 +1,18 @@
 import React, { useState } from 'react';
+import { message } from 'antd';
 import * as S from '../TopUpBalanceButton/TopUpBalanceButton.styles';
 import SendModal from '../SendModal/SendModal';
 import { useAppSelector } from '@app/hooks/reduxHooks';
+import config from '@app/config/config';
 
 const SendButton: React.FC = () => {
   const { theme } = useAppSelector((state) => state.theme);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const handleButtonClick = () => {
+    if (!config.isWalletEnabled) {
+      message.warning('Wallet functionality is not available. Please rebuild the panel with REACT_APP_WALLET_BASE_URL configured in your environment file.');
+      return;
+    }
     setIsModalOpen(true);
   };
   const handleModalClose = () => {

src/components/relay-dashboard/Balance/components/TopUpBalanceButton/TopUpBalanceButton.tsx

@@ -1,7 +1,9 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { message } from 'antd';
 import { useAppSelector } from '@app/hooks/reduxHooks';
 import { TopUpBalanceModal } from '../TopUpBalanceModal/TopUpBalanceModal';
+import config from '@app/config/config';
 import * as S from './TopUpBalanceButton.styles';
 
 export const TopUpBalanceButton: React.FC = () => {
@@ -10,6 +12,10 @@ export const TopUpBalanceButton: React.FC = () => {
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   const handleButtonClick = () => {
+    if (!config.isWalletEnabled) {
+      message.warning('Wallet functionality is not available. Please rebuild the panel with REACT_APP_WALLET_BASE_URL configured in your environment file.');
+      return;
+    }
     setIsModalOpen(true);
   };
 

src/config/config.ts

@@ -12,24 +12,21 @@ const getBaseURL = (): string => {
   return process.env.REACT_APP_BASE_URL || window.location.origin;
 };
 
-const getWalletURL = (): string => {
+const getWalletURL = (): string | null => {
   // Demo mode override for testing
   if (process.env.REACT_APP_DEMO_MODE === 'true') {
     return 'http://localhost:9003';
   }
 
-  // Always require explicit wallet URL configuration
-  if (!process.env.REACT_APP_WALLET_BASE_URL) {
-    throw new Error('REACT_APP_WALLET_BASE_URL must be explicitly configured in environment variables');
-  }
-  
-  return process.env.REACT_APP_WALLET_BASE_URL;
+  // Wallet URL is optional - return null if not configured
+  return process.env.REACT_APP_WALLET_BASE_URL || null;
 };
 
 const config = {
   baseURL: getBaseURL(),
   isDemoMode: process.env.REACT_APP_DEMO_MODE === 'true',
   walletBaseURL: getWalletURL(),
+  isWalletEnabled: getWalletURL() !== null,
 
   // Nostr relay configuration
   nostrRelayUrls: process.env.REACT_APP_NOSTR_RELAY_URLS?.split(',').map(url => url.trim()) || [