Álvaro Valenzuela Valdes commited on
Commit ·
d1db5ee
1
Parent(s): 5581012
🛡️ Global Stability Fix: Resolved component crashes and stabilized sync sequence
Browse files- frontend/app/page.tsx +3 -3
- frontend/components/GlobalSync.tsx +11 -1
- temp_hf_backend_last +0 -1
- temp_hf_backend_synthetic +0 -1
- temp_hf_full_fix +0 -1
frontend/app/page.tsx
CHANGED
|
@@ -55,7 +55,7 @@ export default function HomePage() {
|
|
| 55 |
|
| 56 |
const t = translations[lang];
|
| 57 |
|
| 58 |
-
|
| 59 |
// Scroll to top when tab changes
|
| 60 |
useEffect(() => {
|
| 61 |
// Force immediate scroll
|
|
@@ -167,8 +167,8 @@ export default function HomePage() {
|
|
| 167 |
};
|
| 168 |
|
| 169 |
return (
|
| 170 |
-
<div className="min-h-screen">
|
| 171 |
-
{showSync && <GlobalSync onComplete={
|
| 172 |
|
| 173 |
{/* Mobile Header */}
|
| 174 |
<div className="md:hidden flex items-center justify-between px-6 py-4 bg-black/40 backdrop-blur-lg border-b border-white/5 sticky top-0 z-50">
|
|
|
|
| 55 |
|
| 56 |
const t = translations[lang];
|
| 57 |
|
| 58 |
+
const handleGlobalSyncComplete = useMemo(() => () => setShowSync(false), []);
|
| 59 |
// Scroll to top when tab changes
|
| 60 |
useEffect(() => {
|
| 61 |
// Force immediate scroll
|
|
|
|
| 167 |
};
|
| 168 |
|
| 169 |
return (
|
| 170 |
+
<div className="min-h-screen selection:bg-cyan/30">
|
| 171 |
+
{showSync && <GlobalSync onComplete={handleGlobalSyncComplete} />}
|
| 172 |
|
| 173 |
{/* Mobile Header */}
|
| 174 |
<div className="md:hidden flex items-center justify-between px-6 py-4 bg-black/40 backdrop-blur-lg border-b border-white/5 sticky top-0 z-50">
|
frontend/components/GlobalSync.tsx
CHANGED
|
@@ -41,7 +41,17 @@ export default function GlobalSync({ onComplete }: { onComplete: () => void }) {
|
|
| 41 |
}, [onComplete]);
|
| 42 |
|
| 43 |
return (
|
| 44 |
-
<div
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 45 |
{/* Cinematic Grid Background */}
|
| 46 |
<div className="absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:40px_40px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]" />
|
| 47 |
|
|
|
|
| 41 |
}, [onComplete]);
|
| 42 |
|
| 43 |
return (
|
| 44 |
+
<div
|
| 45 |
+
className="fixed inset-0 z-[100] flex flex-col items-center justify-center bg-[#020202] text-white overflow-hidden cursor-pointer"
|
| 46 |
+
onClick={onComplete}
|
| 47 |
+
title="Click to skip"
|
| 48 |
+
>
|
| 49 |
+
<button
|
| 50 |
+
onClick={(e) => { e.stopPropagation(); onComplete(); }}
|
| 51 |
+
className="absolute top-8 right-8 text-[10px] uppercase tracking-widest text-slate-500 hover:text-white transition-colors"
|
| 52 |
+
>
|
| 53 |
+
Skip Sync [ESC]
|
| 54 |
+
</button>
|
| 55 |
{/* Cinematic Grid Background */}
|
| 56 |
<div className="absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:40px_40px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]" />
|
| 57 |
|
temp_hf_backend_last
DELETED
|
@@ -1 +0,0 @@
|
|
| 1 |
-
Subproject commit e5023269eb5c90805b2d000f9cbc56cc3a447248
|
|
|
|
|
|
temp_hf_backend_synthetic
DELETED
|
@@ -1 +0,0 @@
|
|
| 1 |
-
Subproject commit 3188d3fadb4fda034d784626a155c032fe156f62
|
|
|
|
|
|
temp_hf_full_fix
DELETED
|
@@ -1 +0,0 @@
|
|
| 1 |
-
Subproject commit 5dc1062f73345c90fd3f9bbbcc585dccf58ee606
|
|
|
|
|
|