Update Referral.tsx

src/pages/Referral.tsx

@@ -137,6 +137,35 @@ export default function Referral() {
 		)
 	}
 
+	// Show disabled state if referral program is disabled
+	if (terms && !terms.is_enabled) {
+		return (
+			<div className='flex flex-col items-center justify-center min-h-[60vh] gap-6'>
+				<div className='w-24 h-24 rounded-full bg-dark-800 flex items-center justify-center'>
+					<svg
+						className='w-12 h-12 text-dark-500'
+						fill='none'
+						viewBox='0 0 24 24'
+						stroke='currentColor'
+						strokeWidth={1.5}
+					>
+						<path
+							strokeLinecap='round'
+							strokeLinejoin='round'
+							d='M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z'
+						/>
+					</svg>
+				</div>
+				<div className='text-center'>
+					<h1 className='text-2xl font-bold text-dark-100 mb-2'>
+						{t('referral.title')}
+					</h1>
+					<p className='text-dark-400'>{t('referral.disabled')}</p>
+				</div>
+			</div>
+		)
+	}
+
 	return (
 		<div className='space-y-6'>
 			<h1 className='text-2xl sm:text-3xl font-bold text-dark-50'>