Hugging Face's logo

Spaces:
dimensionalpulsar
/
cointube
Running

App Files Community
salomonsky commited on
Commit
2945abd
·
verified ·
1 Parent(s): 871cffe

Update cointube.jsx

Browse files
Files changed (1) hide show
  1. cointube.jsx +52 -56
cointube.jsx CHANGED
@@ -302,66 +302,64 @@ export default function App() {
302
  );
303
  }
304
 
305
- return (
306
- <div className="h-full w-full max-w-7xl mx-auto flex flex-col p-4 md:p-6">
307
-
308
- <header className="flex justify-between items-center pb-4 mb-4 border-b border-gray-700">
309
- <h1 className="text-2xl md:text-3xl font-bold text-white">
310
- Coin<span className="text-blue-500">Tube</span>
311
- </h1>
312
-
313
- <div className="flex items-center gap-4">
314
- <div className="text-right">
315
- <div className="text-xs text-gray-400">{user.email}</div>
316
- <div className="text-lg font-bold text-yellow-400">
317
- {Math.floor(userProfile?.coins || 0)} 🪙
 
318
  </div>
319
- </div>
320
 
321
- <button
322
- onClick={handleLogout}
323
- className="px-3 py-1 bg-gray-700 text-white text-sm rounded hover:bg-gray-600"
324
- >
325
- Salir
326
- </button>
327
- </div>
328
 
329
- </header>
330
- <a
331
- href="https://wa.me/+2286051539"
332
- target="_blank"
333
- rel="noopener noreferrer"
334
- className="flex items-center gap-2 bg-green-600 hover:bg-green-500 text-white px-4 py-2 rounded-lg shadow-md w-fit mx-auto mb-4"
335
- >
336
- <svg
337
- xmlns="http://www.w3.org/2000/svg"
338
- fill="currentColor"
339
- viewBox="0 0 24 24"
340
- className="w-6 h-6"
341
  >
342
- <path d="M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.96C.159 5.3 5.41 0 12.084 0c3.184 0 6.167 1.24 8.413 3.488a11.8 11.8 0 013.5 8.404c-.003 6.673-5.312 11.92-11.987 11.92a11.95 11.95 0 01-5.93-1.575L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.593 5.448 0 9.886-4.415 9.889-9.848.003-5.46-4.415-9.89-9.881-9.893-5.466 0-9.887 4.42-9.889 9.878a9.86 9.86 0 001.733 5.57l-.999 3.648 3.755-.948zm11.387-5.464c-.074-.123-.272-.198-.57-.347s-1.758-.868-2.03-.967c-.272-.099-.47-.148-.669.148-.198.297-.768.966-.94 1.164-.173.198-.347.223-.644.074-.297-.148-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.173.198-.297.297-.495.099-.198.05-.371-.025-.52-.074-.148-.669-1.611-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.148.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.718 2.006-1.413.248-.694.248-1.289.173-1.413z"/>
343
- </svg>
 
 
 
 
 
 
344
 
345
- <span className="font-bold">Grupo WhatsApp 4000 horas</span>
346
- </a>
347
 
348
- <nav className="flex justify-center gap-2 mb-6 bg-gray-800 p-1 rounded-lg w-fit mx-auto">
349
- <button
350
- onClick={() => setCurrentTab('ganar')}
351
- className={`w-[250px] py-2 rounded ${currentTab === 'ganar' ? 'bg-blue-600 text-white' : 'text-gray-400'}`}
352
- >
353
- Ver Videos
354
- </button>
355
-
356
- <button
357
- onClick={() => setCurrentTab('promocionar')}
358
- className={`w-[250px] py-2 rounded ${currentTab === 'promocionar' ? 'bg-blue-600 text-white' : 'text-gray-400'}`}
359
- >
360
- Subir Video
361
- </button>
362
- </nav>
363
- </div>
364
- );
365
 
366
  <main className={`${currentTab === 'ganar' ? 'flex' : 'hidden'} flex-1 flex-col lg:flex-row gap-6`}>
367
  <div className="lg:w-2/3">
@@ -446,7 +444,6 @@ function PromoCheck({ user, userProfile, userId, adminEmail, videoCost, db }) {
446
  </div>
447
  <p className="text-sm text-gray-500 mb-6">{Math.floor(coins)} / {videoCost}</p>
448
 
449
- {/* --- SECCION NUEVA DE DEPOSITO --- */}
450
  <div className="mt-6 border-t border-gray-600 pt-6">
451
  <h3 className="text-yellow-400 font-bold text-xl mb-2">¿Quieres subir tu video ya?</h3>
452
  <p className="text-white mb-4 text-sm">Deposita USDT para recargar al instante.</p>
@@ -454,7 +451,6 @@ function PromoCheck({ user, userProfile, userId, adminEmail, videoCost, db }) {
454
  <p className="text-green-400 font-bold mb-4 bg-green-900/30 py-2 rounded">1 USD = 3000 Monedas</p>
455
 
456
  <div className="flex justify-center mb-4">
457
- {/* ASEGURATE DE QUE qr.png ESTE EN LA CARPETA PUBLIC */}
458
  <img src="/qr.png" alt="QR Deposito" className="w-32 h-32 rounded-lg border-2 border-white"/>
459
  </div>
460
 
 
302
  );
303
  }
304
 
305
+ return (
306
+ <div className="h-full w-full max-w-7xl mx-auto flex flex-col p-4 md:p-6">
307
+
308
+ <header className="flex justify-between items-center pb-4 mb-4 border-b border-gray-700">
309
+ <h1 className="text-2xl md:text-3xl font-bold text-white">
310
+ Coin<span className="text-blue-500">Tube</span>
311
+ </h1>
312
+
313
+ <div className="flex items-center gap-4">
314
+ <div className="text-right">
315
+ <div className="text-xs text-gray-400">{user.email}</div>
316
+ <div className="text-lg font-bold text-yellow-400">
317
+ {Math.floor(userProfile?.coins || 0)} 🪙
318
+ </div>
319
  </div>
 
320
 
321
+ <button
322
+ onClick={handleLogout}
323
+ className="px-3 py-1 bg-gray-700 text-white text-sm rounded hover:bg-gray-600"
324
+ >
325
+ Salir
326
+ </button>
327
+ </div>
328
 
329
+ </header>
330
+ <a
331
+ href="https://wa.me/+2286051539"
332
+ target="_blank"
333
+ rel="noopener noreferrer"
334
+ className="flex items-center gap-2 bg-green-600 hover:bg-green-500 text-white px-4 py-2 rounded-lg shadow-md w-fit mx-auto mb-4"
 
 
 
 
 
 
335
  >
336
+ <svg
337
+ xmlns="http://www.w3.org/2000/svg"
338
+ fill="currentColor"
339
+ viewBox="0 0 24 24"
340
+ className="w-6 h-6"
341
+ >
342
+ <path d="M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.96C.159 5.3 5.41 0 12.084 0c3.184 0 6.167 1.24 8.413 3.488a11.8 11.8 0 013.5 8.404c-.003 6.673-5.312 11.92-11.987 11.92a11.95 11.95 0 01-5.93-1.575L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.593 5.448 0 9.886-4.415 9.889-9.848.003-5.46-4.415-9.89-9.881-9.893-5.466 0-9.887 4.42-9.889 9.878a9.86 9.86 0 001.733 5.57l-.999 3.648 3.755-.948zm11.387-5.464c-.074-.123-.272-.198-.57-.347s-1.758-.868-2.03-.967c-.272-.099-.47-.148-.669.148-.198.297-.768.966-.94 1.164-.173.198-.347.223-.644.074-.297-.148-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.173.198-.297.297-.495.099-.198.05-.371-.025-.52-.074-.148-.669-1.611-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.148.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.718 2.006-1.413.248-.694.248-1.289.173-1.413z"/>
343
+ </svg>
344
 
345
+ <span className="font-bold">Grupo WhatsApp 4000 horas</span>
346
+ </a>
347
 
348
+ <nav className="flex justify-center gap-2 mb-6 bg-gray-800 p-1 rounded-lg w-fit mx-auto">
349
+ <button
350
+ onClick={() => setCurrentTab('ganar')}
351
+ className={`w-[250px] py-2 rounded ${currentTab === 'ganar' ? 'bg-blue-600 text-white' : 'text-gray-400'}`}
352
+ >
353
+ Ver Videos
354
+ </button>
355
+
356
+ <button
357
+ onClick={() => setCurrentTab('promocionar')}
358
+ className={`w-[250px] py-2 rounded ${currentTab === 'promocionar' ? 'bg-blue-600 text-white' : 'text-gray-400'}`}
359
+ >
360
+ Subir Video
361
+ </button>
362
+ </nav>
 
 
363
 
364
  <main className={`${currentTab === 'ganar' ? 'flex' : 'hidden'} flex-1 flex-col lg:flex-row gap-6`}>
365
  <div className="lg:w-2/3">
 
444
  </div>
445
  <p className="text-sm text-gray-500 mb-6">{Math.floor(coins)} / {videoCost}</p>
446
 
 
447
  <div className="mt-6 border-t border-gray-600 pt-6">
448
  <h3 className="text-yellow-400 font-bold text-xl mb-2">¿Quieres subir tu video ya?</h3>
449
  <p className="text-white mb-4 text-sm">Deposita USDT para recargar al instante.</p>
 
451
  <p className="text-green-400 font-bold mb-4 bg-green-900/30 py-2 rounded">1 USD = 3000 Monedas</p>
452
 
453
  <div className="flex justify-center mb-4">
 
454
  <img src="/qr.png" alt="QR Deposito" className="w-32 h-32 rounded-lg border-2 border-white"/>
455
  </div>
456