Complete Phantom wallet integration - build successfully, removed legacy Swig files

Co-authored-by: 0xrinegade <[email protected]>

Author: Copilot

src/components/OAuthButtons.js renamed to .legacy/OAuthButtons.js

@@ -1,14 +1,14 @@
 import React, { useState, useEffect, useContext } from 'react';
 import { AppContext } from '@/contexts/AppContext';
-import { useSwigWallet } from '@/contexts/SwigWalletProvider';
+import { usePhantomWallet } from '@/contexts/PhantomWalletProvider';
 import OverviewPanel from '@/components/analytics/OverviewPanel';
 import RecentTrades from '@/components/analytics/RecentTrades';
 import VolumePerDayChart from '@/components/analytics/VolumePerDayChart';
 import TopTraders from '@/components/analytics/TopTraders';
 
 export default function AnalyticsDashboard() {
   const { network, selectedNetwork, networks } = useContext(AppContext);
-  const { connected, publicKey } = useSwigWallet();
+  const { connected, publicKey } = usePhantomWallet();
   const [timeframe, setTimeframe] = useState('24h');
   const [refreshInterval, setRefreshInterval] = useState(null);
 

src/components/SwigWalletButton.js renamed to .legacy/SwigWalletButton.js

@@ -5,6 +5,7 @@
  */
 
 import React, { useState } from 'react';
+import Image from 'next/image';
 import { usePhantomWallet } from '../contexts/PhantomWalletProvider';
 
 /**
@@ -53,10 +54,11 @@ export const PhantomWalletButton = ({ className = '' }) => {
           title={`Connected to ${walletAddress}`}
         >
           <div className="w-6 h-6 flex items-center justify-center">
-            <img 
+            <Image 
               src="/images/phantom-logo.svg" 
               alt="Phantom" 
-              className="w-4 h-4"
+              width={16}
+              height={16}
             />
           </div>
           <div className="w-2 h-2 bg-green-300 rounded-full"></div>
@@ -90,10 +92,11 @@ export const PhantomWalletButton = ({ className = '' }) => {
         className={`flex items-center gap-2 px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors ${className}`}
       >
         <div className="w-6 h-6 flex items-center justify-center">
-          <img 
+          <Image 
             src="/images/phantom-logo.svg" 
             alt="Phantom" 
-            className="w-4 h-4"
+            width={16}
+            height={16}
           />
         </div>
         <span>Connect Phantom</span>
@@ -117,10 +120,11 @@ export const PhantomWalletButton = ({ className = '' }) => {
             {/* Modal content */}
             <div className="pt-4">
               <div className="flex items-center justify-center mb-4">
-                <img 
+                <Image 
                   src="/images/phantom-logo.svg" 
                   alt="Phantom" 
-                  className="w-16 h-16"
+                  width={64}
+                  height={64}
                 />
               </div>
 

src/contexts/SwigWalletProvider.js renamed to .legacy/SwigWalletProvider.js

@@ -1,12 +1,13 @@
 import React, { useState, useEffect } from 'react';
-import { useSwigWallet } from '../contexts/SwigWalletProvider';
+import { usePhantomWallet } from '../contexts/PhantomWalletProvider';
 import { useRewardData } from '../hooks/useRewardData';
 import { getUIText } from '../utils/i18n';
 import { createLogger } from '../utils/logger';
 
 const logger = createLogger('RewardWidget');
 
 const RewardWidget = ({ compact = false }) => {
+    const wallet = usePhantomWallet();
     const { connected, publicKey } = wallet;
     const connection = wallet.getConnection ? wallet.getConnection() : null;
     const { rewardData, isLoading, error } = useRewardData(connection, publicKey);

src/components/AnalyticsDashboard.js

@@ -1,13 +1,13 @@
 /**
  * Legacy Wallet Context Provider - Deprecated
  * 
- * This file has been replaced with SwigWalletProvider.
+ * This file has been replaced with PhantomWalletProvider.
  * This is kept for backward compatibility only.
  */
 
-import { SwigWalletProvider, useSwigWallet } from './SwigWalletProvider';
+import { PhantomWalletProvider, usePhantomWallet } from './PhantomWalletProvider';
 
-// Re-export SwigWallet components for backward compatibility
-export { SwigWalletProvider as SafeWalletProvider, useSwigWallet as useSafeWallet };
+// Re-export Phantom components for backward compatibility
+export { PhantomWalletProvider as SafeWalletProvider, usePhantomWallet as useSafeWallet };
 
-export default SwigWalletProvider;
+export default PhantomWalletProvider;