\n {/* Welcome Card */}\n

স্বাগতম, {user.name}!

আজ কিছু টাস্ক সম্পন্ন করে আয় করুন

৳{user.balance.toFixed(2)}

\n 👑 {getVIPLevelName(user.vip_level)}\n

\n\n {/* Today's Summary */}\n

{todaySummary.tasks_completed}

আজ সম্পন্ন টাস্ক

৳{todaySummary.total_earned.toFixed(2)}

আজকের আয়

৳{user.total_earned.toFixed(2)}

মোট আয়

\n\n {/* Available Tasks */}\n

উপলব্ধ টাস্ক

\n {tasks.slice(0, 5).map(task => (\n

{task.title}

{task.description}

\n ৳{task.reward}\n \n {task.completed_today}/{task.daily_limit} সম্পন্ন\n \n {task.vip_requirement > 0 && (\n \n VIP {task.vip_requirement}+\n \n )}\n

\n completeTask(task.id)}\n disabled={!task.can_complete || task.vip_required}\n className={`px-4 py-2 rounded-lg font-medium ${\n task.can_complete && !task.vip_required\n ? 'btn-primary'\n : 'bg-gray-300 text-gray-500 cursor-not-allowed'\n }`}\n >\n {task.vip_required ? 'VIP প্রয়োজন' : \n task.can_complete ? 'সম্পন্ন করুন' : 'সীমা শেষ'}\n \n

\n ))}\n

\n {tasks.length > 5 && (\n setActiveTab('tasks')}\n className=\"w-full mt-4 py-2 text-primary hover:text-primary-dark font-medium\"\n >\n সব টাস্ক দেখুন →\n \n )}\n

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

সব টাস্ক

\n {tasks.map(task => (\n

{task.title}

{task.description}

\n ৳{task.reward}\n \n {task.completed_today}/{task.daily_limit} সম্পন্ন\n \n {task.vip_requirement > 0 && (\n \n VIP {task.vip_requirement}+\n \n )}\n

\n ))}\n

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

\n {/* Balance Card */}\n

আপনার ব্যালেন্স

৳{user.balance.toFixed(2)}

\n setActiveTab('deposit')}\n className=\"btn-primary\"\n >\n 💳 ডিপোজিট\n \n setActiveTab('withdraw')}\n className=\"bg-green-500 hover:bg-green-600 text-white font-medium py-2 px-4 rounded-lg\"\n >\n 💰 উইথড্র\n \n

\n\n {/* Transaction History */}\n

লেনদেনের ইতিহাস

\n {transactions.slice(0, 10).map(transaction => (\n

{transaction.description}

{formatDate(transaction.created_at)}

0 ? 'text-green-600' : 'text-red-600'}`}>\n {transaction.amount > 0 ? '+' : ''}৳{transaction.amount.toFixed(2)}\n

\n {transaction.status === 'completed' ? 'সম্পন্ন' :\n transaction.status === 'pending' ? 'অপেক্ষমান' : 'বাতিল'}\n

\n ))}\n

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

প্রোফাইল তথ্য

\n নাম:\n {user.name}\n

\n ইমেইল:\n {user.email}\n

\n ফোন:\n {user.phone}\n

\n VIP লেভেল:\n \n {getVIPLevelName(user.vip_level)}\n \n

\n রেফারেল কোড:\n {user.referral_code}\n

\n মোট আয়:\n ৳{user.total_earned.toFixed(2)}\n

\n মোট উইথড্র:\n ৳{user.total_withdrawn.toFixed(2)}\n

\n\n

রেফারেল লিংক

আপনার রেফারেল লিংক:

\n \n {\n navigator.clipboard.writeText(`${window.location.origin}?ref=${user.referral_code}`);\n showNotification('লিংক কপি হয়েছে', 'success');\n }}\n className=\"btn-primary px-3 py-2 text-sm\"\n >\n কপি\n \n

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

\n {/* Header */}\n

\n 💰\n EarnBD\n

ব্যালেন্স

৳{user.balance.toFixed(2)}

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

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

\n {[\n { id: 'home', label: '🏠 হোম', icon: '🏠' },\n { id: 'tasks', label: '📋 টাস্ক', icon: '📋' },\n { id: 'wallet', label: '💰 ওয়ালেট', icon: '💰' },\n { id: 'profile', label: '👤 প্রোফাইল', icon: '👤' }\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 === 'home' && renderHome()}\n {activeTab === 'tasks' && renderTasks()}\n {activeTab === 'wallet' && renderWallet()}\n {activeTab === 'profile' && renderProfile()}\n \n )}\n

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