Update cointube.jsx

cointube.jsx

@@ -23,7 +23,8 @@ import {
 } from 'firebase/firestore';
 
 // --- Variables Globales ---
-let app, auth, db; // Se inicializan más tarde
+// Se definen fuera para que mantengan su valor, pero se inicializan dentro
+let app, auth, db; 
 
 // --- Constantes del Sistema ---
 const ADMIN_EMAIL = "photonicsupernova@gmail.com";
@@ -54,6 +55,7 @@ export default function App() {
     const localCoinBufferRef = useRef(0);
 
     // --- 1. OBTENER CONFIGURACIÓN DEL SERVIDOR ---
+    // Esto reemplaza a las credenciales hardcodeadas
     useEffect(() => {
         const initFirebase = async () => {
             try {
@@ -319,7 +321,8 @@ export default function App() {
                 </aside>
             </main>
 
-            {/* TAB: PROMOCIONAR (Pasamos db como prop para asegurar que llegue) */}
+            {/* TAB: PROMOCIONAR */}
+            {/* Aquí pasamos 'db' como prop, que es lo que fallaba antes */}
             <main className={`${currentTab === 'promocionar' ? 'flex' : 'hidden'} flex-1 items-center justify-center`}>
                 <PromoCheck 
                     user={user} 
@@ -376,6 +379,7 @@ function PromoUnlocked({ userId, isAdmin, videoCost, db }) {
             return;
         }
 
+        // Validación extra para asegurar que db existe
         if (!db) {
             setMessage({ text: "Error: Base de datos no conectada", type: 'error' });
             return;
@@ -385,12 +389,13 @@ function PromoUnlocked({ userId, isAdmin, videoCost, db }) {
         const title = isAdmin ? `Recomendado (Admin)` : `Video de Usuario`;
 
         try {
-            // Usamos el db que nos pasaron por PROPS
+            // 1. Descontar monedas (si no es admin)
             if (!isAdmin) {
                 const userRef = doc(db, 'users', userId);
                 await updateDoc(userRef, { coins: increment(-videoCost) });
             }
 
+            // 2. Guardar video en Firestore
             const videosRef = collection(db, 'videos');
             await addDoc(videosRef, {
                 title: title,
@@ -404,7 +409,6 @@ function PromoUnlocked({ userId, isAdmin, videoCost, db }) {
             setUrl('');
         } catch (error) {
             console.error("Error al subir:", error);
-            // Muestra el error real en pantalla si es de permisos
             if (error.code === 'permission-denied') {
                 setMessage({ text: "Permiso denegado: Revisa las reglas de Firestore", type: 'error' });
             } else {