From 8bc48756e21e96d8e010ccf6f31cdd271e4911d9 Mon Sep 17 00:00:00 2001
From: zp6 <373669493@qq.com>
Date: Fri, 15 May 2026 23:57:23 +0800
Subject: [PATCH] Add src/components/ReferralFeeDiscount.tsx

---
 src/components/ReferralFeeDiscount.tsx | 34 ++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/components/ReferralFeeDiscount.tsx

diff --git a/src/components/ReferralFeeDiscount.tsx b/src/components/ReferralFeeDiscount.tsx
new file mode 100644
index 0000000..23fcb65
--- /dev/null
+++ b/src/components/ReferralFeeDiscount.tsx
@@ -0,0 +1,34 @@
+interface ReferralFeeDiscountProps {
+  baseFee: number
+  discountPercent: number
+  referralCode?: string
+}
+
+export function ReferralFeeDiscount({ baseFee, discountPercent, referralCode }: ReferralFeeDiscountProps) {
+  const discount = baseFee * (discountPercent / 100)
+  const finalFee = baseFee - discount
+
+  return (
+    <div className="space-y-1 text-sm">
+      <div className="flex justify-between text-gray-500">
+        <span>Trading Fee</span>
+        <span>{baseFee.toFixed(4)}%</span>
+      </div>
+      {discountPercent > 0 && (
+        <div className="flex justify-between text-green-500">
+          <span>Referral Discount ({discountPercent}%)</span>
+          <span>-{discount.toFixed(4)}%</span>
+        </div>
+      )}
+      <div className="flex justify-between font-medium border-t border-gray-200 dark:border-gray-700 pt-1">
+        <span>Effective Fee</span>
+        <span>{finalFee.toFixed(4)}%</span>
+      </div>
+      {referralCode && (
+        <div className="text-xs text-gray-400 mt-1">
+          Referral: {referralCode}
+        </div>
+      )}
+    </div>
+  )
+}