etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 17:43:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update AdminDashboard.tsx

Browse Source
This commit is contained in:
Egor
2026-01-16 03:20:44 +03:00
committed by GitHub
parent df46eca482
commit 663e4b32fa
1 changed files with 52 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/pages/AdminDashboard.tsx
View File

@@ -497,6 +497,58 @@ export default function AdminDashboard() {
</div>
</div>
)}
{/* Tariff Stats */}
{stats?.tariff_stats && stats.tariff_stats.tariffs.length > 0 && (
<div className="bg-dark-800/30 backdrop-blur rounded-xl border border-dark-700 p-5">
<div className="flex items-center gap-3 mb-4">
<SubscriptionIcon />
<div>
<h2 className="text-lg font-semibold text-dark-100">{t('adminDashboard.tariffs.title')}</h2>
<p className="text-sm text-dark-400">{t('adminDashboard.tariffs.subtitle')}</p>
</div>
</div>
<div className="overflow-x-auto">
<table className="w-full">
<thead>
<tr className="border-b border-dark-700">
<th className="text-left text-xs text-dark-500 font-medium py-3 px-2">{t('adminDashboard.tariffs.tariffName')}</th>
<th className="text-center text-xs text-dark-500 font-medium py-3 px-2">{t('adminDashboard.tariffs.activeSubscriptions')}</th>
<th className="text-center text-xs text-dark-500 font-medium py-3 px-2">{t('adminDashboard.tariffs.trialSubscriptions')}</th>
<th className="text-center text-xs text-dark-500 font-medium py-3 px-2">{t('adminDashboard.tariffs.purchasedToday')}</th>
<th className="text-center text-xs text-dark-500 font-medium py-3 px-2">{t('adminDashboard.tariffs.purchasedWeek')}</th>
<th className="text-center text-xs text-dark-500 font-medium py-3 px-2">{t('adminDashboard.tariffs.purchasedMonth')}</th>
</tr>
</thead>
<tbody>
{stats.tariff_stats.tariffs.map((tariff) => (
<tr key={tariff.tariff_id} className="border-b border-dark-700/50 hover:bg-dark-800/50 transition-colors">
<td className="py-3 px-2">
<span className="font-medium text-dark-100">{tariff.tariff_name}</span>
</td>
<td className="text-center py-3 px-2">
<span className="text-success-400 font-semibold">{tariff.active_subscriptions}</span>
</td>
<td className="text-center py-3 px-2">
<span className="text-warning-400 font-semibold">{tariff.trial_subscriptions}</span>
</td>
<td className="text-center py-3 px-2">
<span className="text-dark-200">{tariff.purchased_today}</span>
</td>
<td className="text-center py-3 px-2">
<span className="text-dark-200">{tariff.purchased_week}</span>
</td>
<td className="text-center py-3 px-2">
<span className="text-dark-200">{tariff.purchased_month}</span>
</td>
</tr>
))}
</tbody>
</table>
</div>
</div>
)}
</div>
)
}