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

feat: complete Phase 2 - refactor all user pages to Bento UI

Browse Source
This commit is contained in:
Dev
2026-01-20 22:26:13 +05:00
parent b9b889b0bf
commit c92a4e7704
8 changed files with 78 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/Referral.tsx
View File

@@ -144,8 +144,8 @@ export default function Referral() {
</h1>
{/* Stats Cards */}
<div className='grid grid-cols-2 sm:grid-cols-3 gap-4'>
<div className='card'>
<div className='bento-grid'>
<div className='bento-card-hover'>
<div className='text-sm text-dark-400'>
{t('referral.stats.totalReferrals')}
</div>
@@ -155,7 +155,7 @@ export default function Referral() {
{t('referral.stats.activeReferrals').toLowerCase()}
</div>
</div>
<div className='card'>
<div className='bento-card-hover'>
<div className='text-sm text-dark-400'>
{t('referral.stats.totalEarnings')}
</div>
@@ -163,7 +163,7 @@ export default function Referral() {
{formatPositive(info?.total_earnings_rubles || 0)}
</div>
</div>
<div className='card col-span-2 sm:col-span-1'>
<div className='bento-card-hover col-span-2 sm:col-span-1'>
<div className='text-sm text-dark-400'>
{t('referral.stats.commissionRate')}
</div>
@@ -174,7 +174,7 @@ export default function Referral() {
</div>
{/* Referral Link */}
<div className='card'>
<div className='bento-card'>
<h2 className='text-lg font-semibold text-dark-100 mb-4'>
{t('referral.yourLink')}
</h2>
@@ -217,7 +217,7 @@ export default function Referral() {
{/* Program Terms */}
{terms && (
<div className='card'>
<div className='bento-card'>
<h2 className='text-lg font-semibold text-dark-100 mb-4'>
{t('referral.terms.title')}
</h2>
@@ -259,7 +259,7 @@ export default function Referral() {
)}
{/* Referrals List */}
<div className='card'>
<div className='bento-card'>
<h2 className='text-lg font-semibold text-dark-100 mb-4'>
{t('referral.yourReferrals')}
</h2>
@@ -314,7 +314,7 @@ export default function Referral() {
{/* Earnings History */}
{earnings?.items && earnings.items.length > 0 && (
<div className='card'>
<div className='bento-card'>
<h2 className='text-lg font-semibold text-dark-100 mb-4'>
{t('referral.earningsHistory')}
</h2>