refactor(web-wallet): remove pointless comments and logs

Author: andreabadesso

packages/web-wallet/src/components/Header.tsx

@@ -69,40 +69,6 @@ const Header: React.FC = () => {
                 {getNetworkDisplayName(network)}
               </span>
             </button>
-
-            {/* Menu Button - Hidden for now */}
-            {/* <div className="relative">
-              <button
-                onClick={() => setIsMenuOpen(!isMenuOpen)}
-                className="p-2 bg-[#191C21] border border-[#24292F] rounded-full hover:bg-[#24292F] transition-colors"
-              >
-                <MoreVertical className="w-5 h-5 text-white" />
-              </button>
-
-              {isMenuOpen && (
-                <div className="absolute right-0 mt-2 w-48 bg-[#191C21] border border-[#24292F] rounded-lg shadow-lg overflow-hidden z-50">
-                  <button
-                    onClick={() => {
-                      setIsNetworkDialogOpen(true);
-                      setIsMenuOpen(false);
-                    }}
-                    className="w-full px-4 py-3 text-left text-sm text-white hover:bg-[#24292F] transition-colors"
-                  >
-                    Create Tokens
-                  </button>
-                  <button
-                    className="w-full px-4 py-3 text-left text-sm text-white hover:bg-[#24292F] transition-colors"
-                  >
-                    Notifications
-                  </button>
-                  <button
-                    className="w-full px-4 py-3 text-left text-sm text-white hover:bg-[#24292F] transition-colors"
-                  >
-                    Address mode
-                  </button>
-                </div>
-              )}
-            </div> */}
           </div>
         </div>
       </header>

packages/web-wallet/src/components/HistoryDialog.tsx

@@ -40,12 +40,9 @@ const HistoryDialog: React.FC<HistoryDialogProps> = ({ isOpen, onClose }) => {
 
   const loadTransactionHistory = async (skip: number = 0) => {
     if (!address) {
-      console.log('❌ No address, cannot load history');
       return;
     }
 
-    console.log(`📜 Loading transaction history for address: ${address}, skip: ${skip}`);
-
     const isInitialLoad = skip === 0;
     if (isInitialLoad) {
       setIsLoading(true);
@@ -55,27 +52,20 @@ const HistoryDialog: React.FC<HistoryDialogProps> = ({ isOpen, onClose }) => {
 
     try {
       const history = await getTransactionHistory(PAGE_SIZE, skip, '00')
-      console.log('📜 Raw transaction history from wallet:', history);
 
       if (!history || history.length === 0) {
-        console.log('📜 No more transactions found');
         setHasMore(false);
         if (isInitialLoad) {
           setTransactions([]);
         }
         return;
       }
 
-      // Check if we got fewer results than requested (means we're at the end)
       if (history.length < PAGE_SIZE) {
         setHasMore(false);
       }
 
-      // Process transactions from wallet-lib format
       const processed: ProcessedTransaction[] = history.map((tx: any) => {
-        console.log('Processing transaction:', tx);
-        // balance is positive for received, negative for sent
-        // Handle BigInt values from wallet-lib
         const balanceValue = typeof tx.balance === 'bigint' ? Number(tx.balance) : tx.balance;
         const type = balanceValue >= 0 ? 'received' : 'sent'
         const amount = Math.abs(balanceValue)
@@ -84,15 +74,11 @@ const HistoryDialog: React.FC<HistoryDialogProps> = ({ isOpen, onClose }) => {
           id: tx.txId || tx.tx_id,
           type,
           amount,
-          timestamp: new Date(tx.timestamp * 1000).toISOString(), // wallet-lib timestamp is in seconds
+          timestamp: new Date(tx.timestamp * 1000).toISOString(),
           txHash: tx.txId || tx.tx_id,
           status: !tx.voided && !tx.is_voided ? 'confirmed' : 'pending'
         }
       })
-
-      console.log('📜 Processed transactions:', processed);
-
-      // Append or replace transactions
       if (isInitialLoad) {
         setTransactions(processed);
         setCurrentCount(processed.length);

packages/web-wallet/src/components/SendDialog.tsx

@@ -193,7 +193,7 @@ const SendDialog: React.FC<SendDialogProps> = ({ isOpen, onClose }) => {
             </div>
             {errors.amount && (
               <div className="flex items-center gap-1 mt-1">
-                <span className="text-xs text-red-400">⚠ {errors.amount}</span>
+                <span className="text-xs text-red-400">{errors.amount}</span>
               </div>
             )}
           </div>
@@ -217,15 +217,14 @@ const SendDialog: React.FC<SendDialogProps> = ({ isOpen, onClose }) => {
             />
             {errors.address && (
               <div className="flex items-center gap-1 mt-1">
-                <span className="text-xs text-red-400">⚠ {errors.address}</span>
+                <span className="text-xs text-red-400">{errors.address}</span>
               </div>
             )}
           </div>
 
-          {/* Transaction Error Display */}
           {transactionError && (
             <div className="flex items-start gap-2 p-3 bg-red-500/10 border border-red-500/50 rounded-lg">
-              <span className="text-red-400 text-sm">⚠ {transactionError}</span>
+              <span className="text-red-400 text-sm">{transactionError}</span>
             </div>
           )}
 

packages/web-wallet/src/components/WalletHome.tsx

@@ -140,16 +140,7 @@ const WalletHome: React.FC = () => {
                   className="w-6 h-6"
                 />
                 <span className="text-2xl font-medium text-white">
-                  {(() => {
-                    console.log('🎨 UI rendering balance. balances array:', balances);
-                    if (balances.length > 0) {
-                      console.log('💰 First balance item:', balances[0]);
-                      console.log('🔢 Available amount:', balances[0].available);
-                      console.log('📱 Formatted amount:', formatHTRAmount(balances[0].available));
-                      return `${formatHTRAmount(balances[0].available)} HTR`;
-                    }
-                    return '0 HTR';
-                  })()}
+                  {balances.length > 0 ? `${formatHTRAmount(balances[0].available)} HTR` : '0 HTR'}
                 </span>
               </div>
             </div>