pezkuwichain/pwap
1
0
Fork 0
mirror of https://github.com/pezkuwichain/pwap.git synced 2026-04-24 15:27:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(wallet): restore real blockchain WalletDashboard, remove mock Wallet page

Browse Source
This commit is contained in:
Kurdistan Tech Ministry
2025-12-11 04:04:10 +03:00
parent 832276f387
commit f1b8d9160e
784 changed files with 45015 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/App.tsx
+1 -2
View File
@@ -44,7 +44,6 @@ const CreatePresale = lazy(() => import('./pages/launchpad/CreatePresale'));
const NotFound = lazy(() => import('@/pages/NotFound'));
const Explorer = lazy(() => import('@/pages/Explorer'));
const Docs = lazy(() => import('@/pages/Docs'));
const Wallet = lazy(() => import('@/pages/Wallet'));
const Api = lazy(() => import('@/pages/Api'));
const Faucet = lazy(() => import('@/pages/Faucet'));
const Developers = lazy(() => import('@/pages/Developers'));
@@ -114,7 +113,7 @@ function App() {
<Route path="/" element={<Index />} />
<Route path="/explorer" element={<Explorer />} />
<Route path="/docs/*" element={<Docs />} />
<Route path="/wallet" element={<Wallet />} />
<Route path="/wallet" element={<WalletDashboard />} />
<Route path="/api" element={<Api />} />
<Route path="/faucet" element={<Faucet />} />
<Route path="/developers" element={<Developers />} />
web/src/pages/Wallet.tsx
-110
View File
@@ -1,110 +0,0 @@
import React from 'react';
import Layout from '@/components/Layout';
import { ArrowUpRight, ArrowDownLeft, Send, QrCode } from 'lucide-react';
const Wallet: React.FC = () => {
const isConnected = false; // Mock connection status
return (
<Layout>
<div className="container mx-auto px-4 py-8 text-white">
<div className="flex justify-between items-center mb-8">
<h1 className="text-4xl font-bold text-green-400">Web Wallet</h1>
{!isConnected && (
<button className="bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded-lg transition-colors">
Connect Wallet
</button>
)}
</div>
<div className="bg-gray-800 p-6 rounded-lg mb-8">
<h2 className="text-2xl font-bold mb-4">My Balance</h2>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div className="flex items-center space-x-3">
<img src="/hez_logo_kurdistangunesi.png" alt="HEZ" className="w-10 h-10" />
<div>
<p className="text-gray-400">HEZ</p>
<p className="text-xl font-bold">1,234.56</p>
</div>
</div>
<div className="flex items-center space-x-3">
<img src="/pez_logo.jpg" alt="PEZ" className="w-10 h-10" />
<div>
<p className="text-gray-400">PEZ</p>
<p className="text-xl font-bold">5,000.00</p>
</div>
</div>
<div className="flex items-center space-x-3">
<img src="/usdt(hez)logo.png" alt="wHEZ" className="w-10 h-10" />
<div>
<p className="text-gray-400">wHEZ</p>
<p className="text-xl font-bold">100.00</p>
</div>
</div>
</div>
<div className="flex space-x-4 mt-6">
<button className="flex items-center justify-center w-full bg-green-500 hover:bg-green-600 text-white font-bold py-3 px-4 rounded-lg transition-colors">
<Send className="mr-2" size={20} /> Send
</button>
<button className="flex items-center justify-center w-full bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-4 rounded-lg transition-colors">
<QrCode className="mr-2" size={20} /> Receive
</button>
</div>
</div>
<div>
<h2 className="text-2xl font-bold mb-4">Transaction History</h2>
<div className="space-y-4">
<div className="bg-gray-800 p-4 rounded-lg flex items-center justify-between">
<div className="flex items-center">
<div className="bg-red-500/20 p-2 rounded-full mr-4">
<ArrowUpRight className="text-red-400" size={20} />
</div>
<div>
<p className="font-semibold">Sent HEZ</p>
<p className="text-sm text-gray-400">To: 5FHne...w1s</p>
</div>
</div>
<div className="text-right">
<p className="font-bold">-10.00 HEZ</p>
<p className="text-sm text-gray-400">3 hours ago</p>
</div>
</div>
<div className="bg-gray-800 p-4 rounded-lg flex items-center justify-between">
<div className="flex items-center">
<div className="bg-green-500/20 p-2 rounded-full mr-4">
<ArrowDownLeft className="text-green-400" size={20} />
</div>
<div>
<p className="font-semibold">Received PEZ</p>
<p className="text-sm text-gray-400">From: 5Grwva...c1s</p>
</div>
</div>
<div className="text-right">
<p className="font-bold">+50.00 PEZ</p>
<p className="text-sm text-gray-400">1 day ago</p>
</div>
</div>
<div className="bg-gray-800 p-4 rounded-lg flex items-center justify-between">
<div className="flex items-center">
<div className="bg-red-500/20 p-2 rounded-full mr-4">
<ArrowUpRight className="text-red-400" size={20} />
</div>
<div>
<p className="font-semibold">Sent wHEZ</p>
<p className="text-sm text-gray-400">To: 5E5s3...e3s</p>
</div>
</div>
<div className="text-right">
<p className="font-bold">-5.00 wHEZ</p>
<p className="text-sm text-gray-400">2 days ago</p>
</div>
</div>
</div>
</div>
</div>
</Layout>
);
};
export default Wallet;
web/src/pages/WalletDashboard.tsx
+7 -10
View File
@@ -54,11 +54,11 @@ const WalletDashboard: React.FC = () => {
try {
const ts = await api.query.timestamp.now.at(blockHash);
timestamp = ts.toNumber();
} catch {
} catch (error) {
timestamp = Date.now();
}
block.block.extrinsics.forEach((extrinsic, /*index*/) => {
block.block.extrinsics.forEach((extrinsic, index) => {
if (!extrinsic.isSigned) return;
const { method, signer } = extrinsic;
@@ -148,7 +148,7 @@ const WalletDashboard: React.FC = () => {
// Parse DEX operations
else if (method.section === 'dex') {
if (method.method === 'swap') {
const [/*path*/, amountIn] = method.args;
const [path, amountIn] = method.args;
txList.push({
blockNumber,
extrinsicIndex: index,
@@ -189,14 +189,14 @@ const WalletDashboard: React.FC = () => {
});
}
});
} catch {
} catch (blockError) {
// Continue to next block
}
}
setRecentTransactions(txList);
} catch {
if (import.meta.env.DEV) console.error('Failed to fetch recent transactions:', error);
} catch (error) {
console.error('Failed to fetch recent transactions:', error);
} finally {
setIsLoadingRecent(false);
}
@@ -206,7 +206,6 @@ const WalletDashboard: React.FC = () => {
if (selectedAccount && api && isApiReady) {
fetchRecentTransactions();
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [selectedAccount, api, isApiReady]);
const formatAmount = (amount: string, decimals: number = 12) => {
@@ -214,13 +213,11 @@ const WalletDashboard: React.FC = () => {
return value.toFixed(4);
};
/*
const formatTimestamp = (timestamp?: number) => {
if (!timestamp) return 'Unknown';
const date = new Date(timestamp);
return date.toLocaleString();
};
*/
const isIncoming = (tx: Transaction) => {
return tx.to === selectedAccount?.address;
@@ -318,7 +315,7 @@ const WalletDashboard: React.FC = () => {
</div>
) : (
<div className="space-y-3">
{recentTransactions.map((tx, /*index*/) => (
{recentTransactions.map((tx, index) => (
<div
key={`${tx.blockNumber}-${tx.extrinsicIndex}`}
className="bg-gray-800/50 border border-gray-700 rounded-lg p-3 hover:bg-gray-800 transition-colors"