Updates Type compile errors and added $Hustle support

README.md

@@ -5,7 +5,7 @@ Private payments on Solana using zero-knowledge proofs.
 ## Features
 
 - **Private Transfers** - Hide transaction amounts using Bulletproofs
-- **Multi-Token Support** - SOL, USDC, ORE, BONK, JIM, GODL
+- **Multi-Token Support** - SOL, USDC, ORE, BONK, JIM, GODL, HUSTLE
 - **Multiple Wallets** - Phantom, Solflare, Torus, Ledger
 - **Deposit & Withdraw** - Seamlessly manage your ShadowWire balance
 - **Fast & Secure** - Built on Solana with audited smart contracts
@@ -74,14 +74,15 @@ Click "Select Wallet" and choose your preferred Solana wallet (Phantom, Solflare
 
 ## Supported Tokens
 
-| Token | Decimals |
-|-------|----------|
-| SOL   | 9        |
-| USDC  | 6        |
-| ORE   | 11       |
-| BONK  | 5        |
-| JIM   | 9        |
-| GODL  | 11       |
+| Token  | Decimals |
+|--------|----------|
+| SOL    | 9        |
+| USDC   | 6        |
+| ORE    | 11       |
+| BONK   | 5        |
+| JIM    | 9        |
+| GODL   | 11       |
+| HUSTLE | 9        |
 
 ## Tech Stack
 
@@ -95,7 +96,7 @@ Click "Select Wallet" and choose your preferred Solana wallet (Phantom, Solflare
 
 ### Supporting Only Specific Tokens
 
-By default, the app supports all ShadowWire tokens (SOL, USDC, ORE, BONK, JIM, GODL). To limit to specific tokens:
+By default, the app supports all ShadowWire tokens (SOL, USDC, ORE, BONK, JIM, GODL, HUSTLE). To limit to specific tokens:
 
 1. Open `components/Dashboard.tsx`
 2. Modify the `SUPPORTED_TOKENS` array:

components/BalanceCard.tsx

@@ -19,6 +19,7 @@ export function BalanceCard({ token, balance, loading, error, onRefresh }: Balan
       BONK: 5,
       JIM: 9,
       GODL: 11,
+      Hustle: 9,
     }
     return decimals[token] || 9
   }

components/Dashboard.tsx

@@ -8,7 +8,7 @@ import { BalanceCard } from './BalanceCard'
 import { DepositForm } from './DepositForm'
 import { WithdrawForm } from './WithdrawForm'
 
-const SUPPORTED_TOKENS = ['SOL', 'USDC', 'ORE', 'BONK', 'JIM', 'GODL'] as const
+const SUPPORTED_TOKENS = ['SOL', 'USDC', 'ORE', 'BONK', 'JIM', 'GODL', 'HUSTLE'] as const
 type Token = typeof SUPPORTED_TOKENS[number]
 type ActiveTab = 'deposit' | 'withdraw' | 'transfer'
 
@@ -64,7 +64,7 @@ export function Dashboard() {
           <label className="block text-sm font-medium text-gray-400 mb-3">
             Select Token
           </label>
-          <div className="grid grid-cols-2 md:grid-cols-6 gap-3">
+          <div className="grid grid-cols-2 md:grid-cols-7 gap-3">
             {SUPPORTED_TOKENS.map((token) => (
               <button
                 key={token}

components/DepositForm.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useState } from 'react'
-import { ShadowWireClient } from '@radr/shadowwire'
+import { ShadowWireClient, TokenUtils, TokenSymbol } from '@radr/shadowwire'
 import { useWallet, useConnection } from '@solana/wallet-adapter-react'
 import { Transaction, VersionedTransaction } from '@solana/web3.js'
 
@@ -33,6 +33,7 @@ export function DepositForm({
       BONK: 5,
       JIM: 9,
       GODL: 11,
+      HUSTLE: 9,
     }
     return decimals[token] || 9
   }
@@ -69,7 +70,7 @@ export function DepositForm({
       const response = await client.deposit({
         wallet: walletAddress,
         amount: amountInSmallestUnit,
-        token: selectedToken,
+        token_mint: TokenUtils.getTokenMint(selectedToken as TokenSymbol),
       })
 
       console.log('Deposit response:', response)

components/LandingPage.tsx

@@ -59,7 +59,7 @@ export function LandingPage() {
             </div>
             <h3 className="text-xl font-bold mb-2">Multi-Token Support</h3>
             <p className="text-gray-400">
-              Send SOL, USDC, ORE, BONK, JIM, and GODL with complete privacy.
+              Send SOL, USDC, ORE, BONK, JIM, GODL, and Hustle with complete privacy.
             </p>
           </div>
         </div>

components/TransferForm.tsx

@@ -1,13 +1,13 @@
 'use client'
 
 import { useState } from 'react'
-import { ShadowWireClient, RecipientNotFoundError, InsufficientBalanceError } from '@radr/shadowwire'
+import { ShadowWireClient, RecipientNotFoundError, InsufficientBalanceError, TokenSymbol } from '@radr/shadowwire'
 import { useWallet } from '@solana/wallet-adapter-react'
 
 interface TransferFormProps {
   client: ShadowWireClient
   senderWallet: string
-  selectedToken: string
+  selectedToken: TokenSymbol
   currentBalance: number
   onTransferComplete: () => void
 }
@@ -37,6 +37,7 @@ export function TransferForm({
       BONK: 5,
       JIM: 9,
       GODL: 11,
+      HUSTLE: 9,
     }
     return decimals[token] || 9
   }

components/WithdrawForm.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useState } from 'react'
-import { ShadowWireClient } from '@radr/shadowwire'
+import { ShadowWireClient, TokenUtils, TokenSymbol } from '@radr/shadowwire'
 import { useWallet, useConnection } from '@solana/wallet-adapter-react'
 import { Transaction, VersionedTransaction } from '@solana/web3.js'
 
@@ -35,6 +35,7 @@ export function WithdrawForm({
       BONK: 5,
       JIM: 9,
       GODL: 11,
+      HUSTLE: 9,
     }
     return decimals[token] || 9
   }
@@ -75,7 +76,7 @@ export function WithdrawForm({
       const response = await client.withdraw({
         wallet: walletAddress,
         amount: amountInSmallestUnit,
-        token: selectedToken,
+        token_mint: TokenUtils.getTokenMint(selectedToken as TokenSymbol),
       })
 
       console.log('Withdraw response:', response)

package.json

@@ -29,4 +29,3 @@
     "typescript": "^5.3.3"
   }
 }
-