Update cointube.jsx

cointube.jsx

@@ -50,7 +50,6 @@ export default function App() {
     const coinIntervalRef = useRef(null);
     const localCoinBufferRef = useRef(0);
 
-    // --- 1. INIT ---
     useEffect(() => {
         const initFirebase = async () => {
             try {
@@ -74,7 +73,6 @@ export default function App() {
         initFirebase();
     }, []);
     
-    // --- 2. AUTH ---
     useEffect(() => {
         if (!firebaseReady || !auth) return;
         const unsubscribeAuth = onAuthStateChanged(auth, (user) => {
@@ -91,7 +89,6 @@ export default function App() {
         return () => unsubscribeAuth();
     }, [firebaseReady]);
 
-    // --- 3. PROFILE ---
     useEffect(() => {
         if (!firebaseReady || !userId || !db) return;
         const profileRef = doc(db, 'users', userId);
@@ -111,7 +108,6 @@ export default function App() {
         return () => unsubscribeProfile();
     }, [userId, user, firebaseReady]);
 
-    // --- 4. VIDEOS ---
     useEffect(() => {
         if (!firebaseReady || !db) return;
         const q = query(collection(db, 'videos'), orderBy('createdAt', 'desc'), limit(50));
@@ -126,28 +122,22 @@ export default function App() {
         return () => unsubscribe();
     }, [firebaseReady]);
 
-    // --- 5. RANKING (FILTRADO POR GMAIL Y PUNTOS > 0) ---
     useEffect(() => {
         if (!firebaseReady || !db) return;
-        // Pedimos 100 para tener margen de filtrado
         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() }));
             
-            // --- FILTROS NUEVOS ---
             usersList = usersList.filter(u => 
-                u.coins > 0 && // Que tenga monedas
                 u.email && 
-                u.email.endsWith('@gmail.com') // Que sea Gmail
+                u.email.endsWith('@gmail.com')
             );
 
-            // Nos quedamos con los top 20 después de filtrar
             setLeaderboard(usersList.slice(0, 20));
         });
         return () => unsubscribe();
     }, [firebaseReady]);
 
-    // --- 6. YOUTUBE API ---
     useEffect(() => {
         if (!window.YT) {
             const tag = document.createElement('script');
@@ -160,7 +150,6 @@ export default function App() {
         }
     }, []);
 
-    // --- LOGICA DE MONEDAS ---
     const saveCoinBuffer = useCallback(() => {
         if (localCoinBufferRef.current > 0 && userId && db) {
             const coinsToSave = localCoinBufferRef.current;
@@ -358,26 +347,23 @@ export default function App() {
                         </div>
                     </div>
                     
-                    {/* RANKING ACTUALIZADO */}
                     <div className="bg-gray-800 rounded p-4 flex-1 flex flex-col min-h-[200px]">
                         <h3 className="text-yellow-500 text-sm uppercase font-bold mb-2">Ranking Global</h3>
                         <div className="overflow-y-auto flex-1 pr-2 custom-scrollbar space-y-2">
                             {leaderboard.length > 0 ? (
                                 leaderboard.map((u, i) => (
                                     <div key={u.id || i} className="flex justify-between items-center p-2 bg-gray-700 rounded">
-                                        {/* Correo en letra pequeña, sin #1 */}
                                         <span className="text-xs text-gray-300 truncate mr-2" title={u.email}>
                                             {u.email}
                                         </span>
-                                        {/* Monedas */}
                                         <span className="text-yellow-400 font-mono text-sm whitespace-nowrap">
-                                            {Math.floor(u.coins)}
+                                            {Math.floor(u.coins || 0)}
                                         </span>
                                     </div>
                                 ))
                             ) : (
                                 <div className="text-center text-gray-500 text-sm py-4">
-                                    Esperando usuarios con monedas...
+                                    Esperando usuarios...
                                 </div>
                             )}
                         </div>