mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-28 17:43:47 +00:00
fix: unblock page rendering when Telegram CDN is unavailable
- Google Fonts: non-render-blocking via media="print" onload trick - telegram-web-app.js: load only inside Telegram environment - Telegram SDK init: skip entirely outside Telegram - Script load timeout: 8000ms → 2000ms for faster deep link fallback - Email login form: expanded by default (80% of registrations)
This commit is contained in:
@@ -14,7 +14,7 @@ interface TelegramLoginButtonProps {
|
||||
referralCode?: string;
|
||||
}
|
||||
|
||||
const SCRIPT_LOAD_TIMEOUT_MS = 8000;
|
||||
const SCRIPT_LOAD_TIMEOUT_MS = 2000;
|
||||
const DEEPLINK_POLL_INTERVAL_MS = 2500;
|
||||
|
||||
export default function TelegramLoginButton({ referralCode }: TelegramLoginButtonProps) {
|
||||
|
||||
12
src/main.tsx
12
src/main.tsx
@@ -27,11 +27,16 @@ import { getCachedFullscreenEnabled, isTelegramMobile } from './hooks/useTelegra
|
||||
import './i18n';
|
||||
import './styles/globals.css';
|
||||
|
||||
// HMR guard — prevent double init when Vite hot-reloads the module
|
||||
// Only initialize Telegram SDK when running inside Telegram
|
||||
const isTelegramEnv =
|
||||
!!(window as unknown as Record<string, unknown>).TelegramWebviewProxy ||
|
||||
location.hash.includes('tgWebApp') ||
|
||||
location.search.includes('tgWebApp');
|
||||
|
||||
const HMR_KEY = '__tg_sdk_initialized';
|
||||
const alreadyInitialized = (window as unknown as Record<string, unknown>)[HMR_KEY] === true;
|
||||
|
||||
if (!alreadyInitialized) {
|
||||
if (isTelegramEnv && !alreadyInitialized) {
|
||||
(window as unknown as Record<string, unknown>)[HMR_KEY] = true;
|
||||
|
||||
try {
|
||||
@@ -77,6 +82,9 @@ if (!alreadyInitialized) {
|
||||
|
||||
miniAppReady();
|
||||
} catch {}
|
||||
} else if (!isTelegramEnv) {
|
||||
// Outside Telegram — still clear stale session tokens if any
|
||||
clearStaleSessionIfNeeded(null);
|
||||
}
|
||||
|
||||
if ('requestIdleCallback' in window) {
|
||||
|
||||
@@ -64,7 +64,7 @@ export default function Login() {
|
||||
const [forgotPasswordSent, setForgotPasswordSent] = useState(false);
|
||||
const [forgotPasswordLoading, setForgotPasswordLoading] = useState(false);
|
||||
const [forgotPasswordError, setForgotPasswordError] = useState('');
|
||||
const [showEmailForm, setShowEmailForm] = useState(() => !!referralCode);
|
||||
const [showEmailForm, setShowEmailForm] = useState(true);
|
||||
|
||||
// Telegram safe area insets
|
||||
const { safeAreaInset, contentSafeAreaInset } = useTelegramSDK();
|
||||
|
||||
Reference in New Issue
Block a user