import { Head } from "@inertiajs/react"; import { useEffect, useState } from "react"; import { RefreshCw, Save } from "lucide-react"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { Card } from "@/components/ui/card"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { useI18n } from "@/lib/i18n"; type Settings = { enabled: boolean; reward_per_registration: number | string; max_referrals_per_user: number; }; type UserRow = { id: number; name: string; email: string; referral_code: string | null; referrals: number; credit_balance: number; }; type Data = { settings: Settings; total_referrals: number; total_credit_issued: number; total_credit_redeemed: number; users: UserRow[]; }; const csrf = () => document.querySelector('meta[name="csrf-token"]')?.content ?? ""; export default function AdminReferrals() { const { t } = useI18n(); const [data, setData] = useState(null); const [message, setMessage] = useState(""); const [saving, setSaving] = useState(false); const load = async () => { const response = await fetch("/admin/referrals/data", { headers: { Accept: "application/json" }, }); if (response.ok) setData(await response.json()); }; useEffect(() => { void load(); }, []); const save = async () => { if (!data) return; setSaving(true); setMessage(""); try { const response = await fetch("/admin/referrals/settings", { method: "PUT", headers: { Accept: "application/json", "Content-Type": "application/json", "X-CSRF-TOKEN": csrf(), }, body: JSON.stringify({ enabled: data.settings.enabled, reward_per_registration: Number(data.settings.reward_per_registration), max_referrals_per_user: Number(data.settings.max_referrals_per_user), }), }); const payload = await response.json().catch(() => ({})); if (!response.ok) throw new Error(payload.message ?? "Unable to save settings."); setMessage("Referral settings saved."); await load(); } catch (error) { setMessage(error instanceof Error ? error.message : "Unable to save settings."); } finally { setSaving(false); } }; return ( <>

{t("Referral Program")}

{t("Configure referral credit and monitor referral usage.")}

{data && ( <>

{t("Total referrals")}

{data.total_referrals}

{t("Credit issued")}

${data.total_credit_issued.toFixed(2)}

{t("Credit redeemed")}

${data.total_credit_redeemed.toFixed(2)}
setData({ ...data, settings: { ...data.settings, reward_per_registration: e.target.value }, })} />
setData({ ...data, settings: { ...data.settings, max_referrals_per_user: Number(e.target.value) }, })} />
{message && {message}}

{t("Top Referrers")}

{data.users.map((user) => ( ))}
{t("Trader")} {t("Code")} {t("Referrals")} {t("Credit")}
{user.name}
{user.email}
 {user.referral_code} {user.referrals} / {data.settings.max_referrals_per_user} ${user.credit_balance.toFixed(2)}
)}
); }