diff --git a/assets/admin/pages/AdminSubscriptionPage.tsx b/assets/admin/pages/AdminSubscriptionPage.tsx index dcd4d1cb..6e3a8f37 100644 --- a/assets/admin/pages/AdminSubscriptionPage.tsx +++ b/assets/admin/pages/AdminSubscriptionPage.tsx @@ -13,7 +13,6 @@ import Modal from '../components/ui/Modal'; import ConfirmDialog from '../components/ui/ConfirmDialog'; import PageHeader from '../components/ui/PageHeader'; import Pagination from '../components/ui/Pagination'; -import DiscountTab from '../components/DiscountTab'; // ── Types ───────────────────────────────────────────────────────────────── @@ -436,21 +435,19 @@ function ReportTab() { // ── Main ────────────────────────────────────────────────────────────────── export default function AdminSubscriptionPage() { - const [tab, setTab] = useState<'plans' | 'report' | 'discounts'>('plans'); + const [tab, setTab] = useState<'plans' | 'report'>('plans'); return ( <> - +
- - - + +
- {tab === 'plans' && } - {tab === 'discounts' && } - {tab === 'report' && } + {tab === 'plans' && } + {tab === 'report' && } ); } diff --git a/assets/admin/pages/SubscriptionPage.tsx b/assets/admin/pages/SubscriptionPage.tsx index 4ba11c44..4d03ff69 100644 --- a/assets/admin/pages/SubscriptionPage.tsx +++ b/assets/admin/pages/SubscriptionPage.tsx @@ -10,6 +10,7 @@ import { usePaymentConfig } from '../hooks/usePaymentConfig'; import { formatRial, formatNumber } from '../lib/utils'; import Modal from '../components/ui/Modal'; import SettingsLayout from '../components/layout/SettingsLayout'; +import DiscountTab from '../components/DiscountTab'; import { SparkleIcon, PlanCardPerson, CloseCircleFilled, GiftIcon, InfoCircleRedFilled, } from './subscriptionIcons'; @@ -55,6 +56,7 @@ export const planMetaOf = (name: string) => PLAN_META[name] ?? PLAN_META.free; export default function SubscriptionPage() { const qc = useQueryClient(); + const [tab, setTab] = useState<'plans' | 'discounts'>('plans'); const [purchaseTarget, setPurchaseTarget] = useState<{ period: SubscriptionPeriod; planName: string } | null>(null); const [selectedGateway, setSelectedGateway] = useState(''); @@ -122,6 +124,14 @@ export default function SubscriptionPage() { style={{ background: 'var(--surface)', minWidth: 0 }} className="px-4 py-4 md:px-6 md:py-6 rounded-[var(--r-lg)]" > +
+ + +
+ + {tab === 'discounts' ? ( + + ) : (
{/* ── Header: current plan (left) + title (right) ── */}
@@ -163,6 +173,7 @@ export default function SubscriptionPage() {
)}
+ )}