\n {/* Stats Cards */}\n

{stats.totalUsers}

মোট ব্যবহারকারী

{stats.totalTransactions}

মোট লেনদেন

৳{stats.totalEarnings.toFixed(2)}

মোট আয়

৳{stats.totalWithdrawals.toFixed(2)}

মোট উইথড্র

\n\n {/* Quick Actions */}\n

দ্রুত অ্যাকশন

\n {\n setActiveTab('users');\n loadUsers();\n }}\n className=\"btn-primary\"\n >\n 👥 ব্যবহারকারী পরিচালনা\n \n {\n setActiveTab('transactions');\n loadTransactions();\n }}\n className=\"bg-green-500 hover:bg-green-600 text-white font-medium py-2 px-4 rounded-lg\"\n >\n 💳 লেনদেন পরিচালনা\n \n {\n const title = prompt('নোটিফিকেশন শিরোনাম:');\n const message = prompt('নোটিফিকেশন বার্তা:');\n if (title && message) {\n // Broadcast notification logic here\n showNotification('ব্রডকাস্ট নোটিফিকেশন পাঠানো হয়েছে', 'success');\n }\n }}\n className=\"bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg\"\n >\n 📢 ব্রডকাস্ট নোটিফিকেশন\n \n

\n );\n\n const renderUsers = () => (\n

ব্যবহারকারী তালিকা

\n \n 🔄 রিফ্রেশ\n \n

\n \n

\n \n \n \n \n \n \n \n \n \n \n \n \n {users.map((user: any) => (\n \n \n \n \n \n \n \n \n ))}\n \n

নাম	ইমেইল	ব্যালেন্স	VIP	স্ট্যাটাস	অ্যাকশন
{user.name}	{user.email}	৳{user.balance.toFixed(2)}	{user.vip_level}	\n \n {user.is_active ? 'সক্রিয়' : 'নিষ্ক্রিয়'}\n \n	\n toggleUserStatus(user.id)}\n className={`px-3 py-1 rounded text-xs ${\n user.is_active \n ? 'bg-red-500 hover:bg-red-600 text-white' \n : 'bg-green-500 hover:bg-green-600 text-white'\n }`}\n >\n {user.is_active ? 'নিষ্ক্রিয়' : 'সক্রিয়'}\n \n

\n );\n\n const renderTransactions = () => (\n

লেনদেন তালিকা

\n \n 🔄 রিফ্রেশ\n \n

\n \n

\n \n \n \n \n \n \n \n \n \n \n \n \n {transactions.map((transaction: any) => (\n \n \n \n \n \n \n \n \n ))}\n \n

ব্যবহারকারী	ধরন	পরিমাণ	স্ট্যাটাস	তারিখ	অ্যাকশন
\n \n {transaction.user_name} \n {transaction.user_email} \n \n	\n \n {transaction.type === 'deposit' ? 'ডিপোজিট' :\n transaction.type === 'withdrawal' ? 'উইথড্র' :\n transaction.type === 'task_reward' ? 'টাস্ক রিওয়ার্ড' : 'রেফারেল বোনাস'}\n \n	\n 0 ? 'text-green-600' : 'text-red-600'}>\n {transaction.amount > 0 ? '+' : ''}৳{transaction.amount.toFixed(2)}\n \n	\n \n {transaction.status === 'completed' ? 'সম্পন্ন' :\n transaction.status === 'pending' ? 'অপেক্ষমান' : 'বাতিল'}\n \n	{formatDate(transaction.created_at)}	\n {transaction.status === 'pending' && (\n \n updateTransactionStatus(transaction.id, 'completed')}\n className=\"px-2 py-1 bg-green-500 hover:bg-green-600 text-white text-xs rounded\"\n >\n অনুমোদন\n \n updateTransactionStatus(transaction.id, 'failed')}\n className=\"px-2 py-1 bg-red-500 hover:bg-red-600 text-white text-xs rounded\"\n >\n বাতিল\n \n \n )}\n

\n );\n\n return (\n

\n {/* Header */}\n

\n ⚙️\n Admin Panel\n

\n \n 🚪 লগআউট\n \n

\n\n {/* Navigation */}\n

\n {[\n { id: 'dashboard', label: '📊 ড্যাশবোর্ড' },\n { id: 'users', label: '👥 ব্যবহারকারী' },\n { id: 'transactions', label: '💳 লেনদেন' }\n ].map(tab => (\n setActiveTab(tab.id)}\n className={`py-4 px-2 border-b-2 font-medium text-sm ${\n activeTab === tab.id\n ? 'border-primary text-primary'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n {tab.label}\n \n ))}\n

\n\n {/* Main Content */}\n

\n {isLoading ? (\n

\n লোড হচ্ছে...\n

\n ) : (\n <>\n {activeTab === 'dashboard' && renderDashboard()}\n {activeTab === 'users' && renderUsers()}\n {activeTab === 'transactions' && renderTransactions()}\n \n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/wahobd/wahoearning/code/frontend/components/AdminPanel.tsx","extension","actionData","errors"]