Update cointube.jsx

cointube.jsx

@@ -23,22 +23,18 @@ import {
     limit
 } from 'firebase/firestore';
 
-// --- CAMBIO IMPORTANTE: Inicialización Global ---
-// Definimos la configuración usando las variables de entorno de Hugging Face (Vite)
 const firebaseConfig = {
-    apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-    authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-    projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-    storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-    messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-    appId: import.meta.env.VITE_FIREBASE_APP_ID
+  apiKey: "AIzaSyDJx6_b3JxctCW1RoDE-bm4zp7rrWT9lqA",
+  authDomain: "cointube-f7695.firebaseapp.com",
+  projectId: "cointube-f7695",
+  storageBucket: "cointube-f7695.firebasestorage.app",
+  messagingSenderId: "710177637377",
+  appId: "1:710177637377:web:10605b43eea6eac446ac00"
 };
 
-// Inicializamos Firebase inmediatamente
 const app = initializeApp(firebaseConfig);
 const auth = getAuth(app);
 const db = getFirestore(app);
-// ------------------------------------------------
 
 const ADMIN_EMAIL = "dimensionalpulsar@gmail.com";
 const VIDEO_COST = 10000; 
@@ -47,11 +43,6 @@ const DEFAULT_VIDEO_TITLE = "Cuentos de Terror";
 
 export default function App() {
     
-    // Ya no necesitamos 'configError' porque cargamos la config directa
-    // Pero mantenemos 'firebaseReady' para no romper tu lógica visual,
-    // aunque ahora siempre será true desde el inicio.
-    const [firebaseReady, setFirebaseReady] = useState(true); 
-
     const [videos, setVideos] = useState([]); 
     const [leaderboard, setLeaderboard] = useState([]); 
     const [user, setUser] = useState(null);
@@ -70,10 +61,7 @@ export default function App() {
     const localCoinBufferRef = useRef(0);
     const initialLoadRef = useRef(true);
 
-    // --- NOTA: Eliminé el useEffect del 'fetch' porque ya inicializamos arriba ---
-    
     useEffect(() => {
-        if (!auth) return;
         const unsubscribeAuth = onAuthStateChanged(auth, (user) => {
             if (user) {
                 setUser(user);
@@ -86,10 +74,10 @@ export default function App() {
             setAuthReady(true);
         });
         return () => unsubscribeAuth();
-    }, []); // Array vacío porque 'auth' ya es estable
+    }, []);
 
     useEffect(() => {
-        if (!userId || !db) return;
+        if (!userId) return;
         const profileRef = doc(db, 'users', userId);
         const unsubscribeProfile = onSnapshot(profileRef, (docSnap) => {
             if (docSnap.exists()) {
@@ -105,10 +93,9 @@ export default function App() {
             }
         }, (error) => console.error(error));
         return () => unsubscribeProfile();
-    }, [userId, user]); // Quitamos firebaseReady de dependencias
+    }, [userId, user]);
 
     useEffect(() => {
-        if (!db) return;
         const q = query(collection(db, 'videos'), orderBy('createdAt', 'desc'), limit(50));
         const unsubscribe = onSnapshot(q, (snapshot) => {
             const fetchedVideos = snapshot.docs.map(doc => ({ id: doc.id, ...doc.data() }));
@@ -134,7 +121,6 @@ export default function App() {
     }, [currentVideoId]); 
 
     useEffect(() => {
-        if (!db) return;
         const q = query(collection(db, 'users'), orderBy('coins', 'desc'), limit(100));
         const unsubscribe = onSnapshot(q, (snapshot) => {
             let usersList = snapshot.docs.map(doc => ({ id: doc.id, ...doc.data() }));
@@ -162,7 +148,7 @@ export default function App() {
     }, []);
 
     const saveCoinBuffer = useCallback(() => {
-        if (localCoinBufferRef.current > 0 && userId && db) {
+        if (localCoinBufferRef.current > 0 && userId) {
             const coinsToSave = localCoinBufferRef.current;
             localCoinBufferRef.current = 0;
             const profileRef = doc(db, 'users', userId);
@@ -198,7 +184,7 @@ export default function App() {
         else stopCoinInterval();
         
         if (state === window.YT.PlayerState.ENDED) {
-            if (currentVideoId === DEFAULT_VIDEO_ID && userId && db) {
+            if (currentVideoId === DEFAULT_VIDEO_ID && userId) {
                 const profileRef = doc(db, 'users', userId);
                 updateDoc(profileRef, { watchedDefaultVideo: true });
             }
@@ -251,7 +237,6 @@ export default function App() {
     };
 
     const handleGoogleLogin = async () => {
-        if (!auth) return;
         const provider = new GoogleAuthProvider();
         try {
             await signInWithPopup(auth, provider);
@@ -261,7 +246,6 @@ export default function App() {
     };
 
     const handleLogout = async () => {
-        if (!auth) return;
         stopCoinInterval();
         await signOut(auth);
     };
@@ -270,13 +254,12 @@ export default function App() {
         return (
             <div className="flex flex-col items-center justify-center h-full w-full">
                 <div className="spinner mb-4"></div>
-                <p className="text-lg text-gray-400">Conectando...</p>
+                <p className="text-lg text-gray-400">Cargando...</p>
             </div>
         );
     }
 
     if (authReady && !user) {
-        // ... (TU UI DE LOGIN SE MANTIENE IGUAL)
         return (
             <div className="flex flex-col items-center justify-center h-full w-full bg-gray-900 p-4">
                 <div className="max-w-md w-full bg-gray-800 rounded-2xl shadow-2xl p-8 text-center border border-gray-700">
@@ -310,7 +293,6 @@ export default function App() {
         );
     }
 
-    // El resto del return (header, main, etc) sigue igual que en tu código original...
     return (
         <div className="h-full w-full max-w-7xl mx-auto flex flex-col p-4 md:p-6">
             
@@ -439,8 +421,6 @@ export default function App() {
     );
 }
 
-// Los componentes PromoCheck y PromoUnlocked se mantienen igual, 
-// solo asegúrate de que PromoUnlocked reciba 'db' como prop, lo cual ya haces.
 function PromoCheck({ user, userProfile, userId, adminEmail, videoCost, db }) {
     const isAdmin = user?.email === adminEmail;
     const coins = userProfile?.coins || 0;