Update Login.tsx

src/pages/Login.tsx

@@ -19,9 +19,6 @@ export default function Login() {
   // Extract referral code from URL
   const referralCode = searchParams.get('ref') || ''
 
-  const [activeTab, setActiveTab] = useState<'telegram' | 'email'>(() =>
-    referralCode ? 'email' : 'telegram'
-  )
   const [authMode, setAuthMode] = useState<'login' | 'register'>(() =>
     referralCode ? 'register' : 'login'
   )
@@ -88,12 +85,6 @@ export default function Login() {
     }
   }, [referralCode, emailAuthConfig, botUsername])
 
-  // If email auth is disabled but we initially set to email tab, switch back to telegram
-  useEffect(() => {
-    if (!isEmailAuthEnabled && activeTab === 'email') {
-      setActiveTab('telegram')
-    }
-  }, [isEmailAuthEnabled, activeTab])
   const appName = branding ? branding.name : (import.meta.env.VITE_APP_NAME || 'VPN')
   const appLogo = branding?.logo_letter || import.meta.env.VITE_APP_LOGO || 'V'
   const logoUrl = branding ? brandingApi.getLogoUrl(branding) : null
@@ -304,43 +295,13 @@ export default function Login() {
         ) : (
         /* Card */
         <div className="card">
-          {/* Tabs */}
-          {isEmailAuthEnabled ? (
-            <div className="flex mb-6">
-              <button
-                className={`flex-1 py-3 text-sm font-medium transition-all border-b-2 ${
-                  activeTab === 'telegram'
-                    ? 'border-accent-500 text-accent-400'
-                    : 'border-transparent text-dark-500 hover:text-dark-300'
-                }`}
-                onClick={() => setActiveTab('telegram')}
-              >
-                Telegram
-              </button>
-              <button
-                className={`flex-1 py-3 text-sm font-medium transition-all border-b-2 ${
-                  activeTab === 'email'
-                    ? 'border-accent-500 text-accent-400'
-                    : 'border-transparent text-dark-500 hover:text-dark-300'
-                }`}
-                onClick={() => setActiveTab('email')}
-              >
-                Email
-              </button>
-            </div>
-          ) : (
-            <div className="mb-6 pb-3 border-b border-dark-700">
-              <h2 className="text-lg font-medium text-dark-200 text-center">Telegram</h2>
-            </div>
-          )}
-
           {error && (
             <div className="bg-error-500/10 border border-error-500/30 text-error-400 px-4 py-3 rounded-xl text-sm mb-6">
               {error}
             </div>
           )}
 
-          {activeTab === 'telegram' || !isEmailAuthEnabled ? (
+          {/* Telegram auth — always visible */}
           <div className="space-y-6">
             <p className="text-center text-sm text-dark-400">
               {t('auth.registerHint')}
@@ -355,7 +316,17 @@ export default function Login() {
               <TelegramLoginButton botUsername={botUsername} />
             )}
           </div>
-          ) : (
+
+          {/* Email auth — only when enabled */}
+          {isEmailAuthEnabled && (
+            <>
+              {/* Divider */}
+              <div className="flex items-center gap-3 my-6">
+                <div className="flex-1 h-px bg-dark-700" />
+                <span className="text-xs text-dark-500 uppercase">{t('auth.or', 'or')}</span>
+                <div className="flex-1 h-px bg-dark-700" />
+              </div>
+
               <div className="space-y-5">
                 {/* Login / Register toggle */}
                 <div className="flex bg-dark-800 rounded-lg p-1">
@@ -493,6 +464,7 @@ export default function Login() {
                   </div>
                 )}
               </div>
+            </>
           )}
         </div>
         )}