function MainComponent() { // Remove authentication and use sample data const [walletData, setWalletData] = useState({ prd_balance: 1000, prd_locked_balance: 250, address: "0x742d35Cc6634C0532925a3b844Bc454e4438f44e" }); const [transactions, setTransactions] = useState([ { id: 1, created_at: "2025-01-15T10:30:00Z", transaction_type: "credit", amount: 500, status: "completed" }, { id: 2, created_at: "2025-01-14T15:45:00Z", transaction_type: "debit", amount: 100, status: "completed" }, { id: 3, created_at: "2025-01-13T09:20:00Z", transaction_type: "credit", amount: 750, status: "completed" } ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-8", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-2", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4 sm:p-6", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl sm:text-2xl font-bold mb-4 sm:mb-6", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, "Wallet Overview"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 rounded-lg p-4", __source: { fileName: "", lineNumber: 45, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 46, columnNumber: 21 }, __self: this }, "Available Balance"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl sm:text-3xl font-bold text-blue-600 break-words", __source: { fileName: "", lineNumber: 49, columnNumber: 21 }, __self: this }, walletData?.prd_balance || 0, " PRD")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 rounded-lg p-4", __source: { fileName: "", lineNumber: 53, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 54, columnNumber: 21 }, __self: this }, "Locked Balance"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl sm:text-3xl font-bold text-purple-600 break-words", __source: { fileName: "", lineNumber: 55, columnNumber: 21 }, __self: this }, walletData?.prd_locked_balance || 0, " PRD"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2 sm:mb-0", __source: { fileName: "", lineNumber: 63, columnNumber: 21 }, __self: this }, "Wallet Address"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ navigator.clipboard.writeText(walletData?.address); alert("Address copied to clipboard!"); }, className: "text-blue-600 hover:text-blue-700 flex items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy mr-1", __source: { fileName: "", lineNumber: 73, columnNumber: 23 }, __self: this }), " Copy")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 rounded-lg p-4", __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "break-all font-mono text-sm overflow-x-auto", __source: { fileName: "", lineNumber: 77, columnNumber: 21 }, __self: this }, walletData?.address))))), /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-1", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4 sm:p-6", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl sm:text-2xl font-bold mb-4 sm:mb-6", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, "Quick Actions"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/protege-ai", className: "block w-full text-center px-4 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot mr-2", __source: { fileName: "", lineNumber: 96, columnNumber: 21 }, __self: this }), "Earn with Protege AI"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>alert("Staking coming soon!"), className: "block w-full text-center px-4 py-3 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors", __source: { fileName: "", lineNumber: 99, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock mr-2", __source: { fileName: "", lineNumber: 103, columnNumber: 21 }, __self: this }), "Stake PRD"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4 sm:p-6", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl sm:text-2xl font-bold mb-4 sm:mb-6", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, "Transaction History"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block min-w-full align-middle", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 118, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 119, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 120, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-3 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 121, columnNumber: 23 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("th", { className: "px-3 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 124, columnNumber: 23 }, __self: this }, "Type"), /*#__PURE__*/ React.createElement("th", { className: "px-3 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 127, columnNumber: 23 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("th", { className: "px-3 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 130, columnNumber: 23 }, __self: this }, "Status"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 135, columnNumber: 19 }, __self: this }, transactions.map((tx)=>/*#__PURE__*/ React.createElement("tr", { key: tx.id, __source: { fileName: "", lineNumber: 137, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-3 py-4 whitespace-nowrap text-sm text-gray-900", __source: { fileName: "", lineNumber: 138, columnNumber: 25 }, __self: this }, new Date(tx.created_at).toLocaleDateString()), /*#__PURE__*/ React.createElement("td", { className: "px-3 py-4 whitespace-nowrap text-sm text-gray-900 capitalize", __source: { fileName: "", lineNumber: 141, columnNumber: 25 }, __self: this }, tx.transaction_type), /*#__PURE__*/ React.createElement("td", { className: "px-3 py-4 whitespace-nowrap text-sm", __source: { fileName: "", lineNumber: 144, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: tx.transaction_type === "credit" ? "text-green-600" : "text-red-600", __source: { fileName: "", lineNumber: 145, columnNumber: 27 }, __self: this }, tx.transaction_type === "credit" ? "+" : "-", tx.amount, " PRD")), /*#__PURE__*/ React.createElement("td", { className: "px-3 py-4 whitespace-nowrap text-sm", __source: { fileName: "", lineNumber: 156, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${tx.status === "completed" ? "bg-green-100 text-green-800" : tx.status === "pending" ? "bg-yellow-100 text-yellow-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 157, columnNumber: 27 }, __self: this }, tx.status)))))))))))); }

Date	Type	Amount	Status
1/15/2025	credit	+500 PRD	completed
1/14/2025	debit	-100 PRD	completed
1/13/2025	credit	+750 PRD	completed