Refactor Deposit and Withdraw Modals to Support Network Selection

components/Nonprofit/NonprofitInfoPopover.tsx

@@ -5,6 +5,7 @@ import { ExternalLink, X } from 'lucide-react';
 import { useEffect, useState, useRef } from 'react';
 import { Button } from '@/components/ui/Button';
 import { CHAIN_IDS } from '@/constants/chains';
+import { maskAddress } from '@/utils/stringUtils';
 
 interface NonprofitInfoPopoverProps {
   nonprofit: NonprofitOrg;
@@ -100,7 +101,7 @@ export function NonprofitInfoPopover({ nonprofit, position, onClose }: Nonprofit
                     className="text-primary-600 hover:underline flex items-center gap-1 break-all"
                     onClick={(e) => e.stopPropagation()}
                   >
-                    {baseDeployment.address.slice(0, 8)}...{baseDeployment.address.slice(-6)}
+                    {maskAddress(baseDeployment.address, 8, 6)}
                     <ExternalLink className="h-3 w-3 flex-shrink-0" />
                   </a>
                 </>

components/modals/ResearchCoin/DepositSuccessView.tsx

@@ -0,0 +1,29 @@
+import { NetworkConfig } from '@/constants/tokens';
+import { TransactionSuccessView } from './shared/TransactionSuccessView';
+
+interface DepositSuccessViewProps {
+  depositAmount: number;
+  networkConfig: NetworkConfig;
+  address: string;
+}
+
+export function DepositSuccessView({
+  depositAmount,
+  networkConfig,
+  address,
+}: DepositSuccessViewProps) {
+  return (
+    <TransactionSuccessView
+      title="Deposit Successful!"
+      subtitle="Your RSC is being processed"
+      amount={depositAmount}
+      networkConfig={networkConfig}
+      address={address}
+      addressLabel="From Address"
+      amountLabel="Amount Deposited"
+      amountColor="green"
+      showProcessingTime={true}
+      processingTimeMessage="It can take up to 10-20 minutes for the deposit to appear in your ResearchHub balance."
+    />
+  );
+}