import { Head } from '@inertiajs/react';
import AdminLayout from '@/Layouts/AdminLayout';
import Card from '@/Components/UI/Card';
import Badge from '@/Components/UI/Badge';
import StatTile from '@/Components/UI/StatTile';
interface ReferralRow {
id: number;
referrer_name: string;
referred_name: string;
programme_title: string | null;
status: 'pending' | 'rewarded';
reward_amount: string | null;
created_at: string;
}
export default function Index({
referrals,
stats,
}: {
referrals: ReferralRow[];
stats: { total_referrals: number; rewarded_referrals: number; total_paid_out: string };
}) {
return (
Referral Wallets
Institution-wide visibility into the student referral programme and wallet liability.
| Referrer |
Referred |
Programme |
Status |
Reward |
Date |
{referrals.map((referral) => (
| {referral.referrer_name} |
{referral.referred_name} |
{referral.programme_title ?? '—'} |
{referral.status}
|
{referral.reward_amount ? `$${Number(referral.reward_amount).toLocaleString()}` : '—'}
|
{referral.created_at} |
))}
{referrals.length === 0 && (
|
No referrals yet.
|
)}
);
}