ENG_HUB.Y3K

SYS.ONLINE // {isMultiplayer ? 'MULTIPLAYER' : 'SOLO'}

{/* YEAR FILTERS */}

{(CATEGORIES || []).map(cat => ( ))}

{/* FEED */}

{(posts || []).length === 0 ? (

📡

No signals detected for this sector.

) : ( (posts || []).map(post => (

{/* Demo Badge */} {post.isDemo && (

DEMO

)} {/* Header: User & Type */}

post._user?.handle && openProfile(post._user.handle)} style={{ width: 40, height: 40, borderRadius: 20, background: `url(${post._user?.profileImageUrl || 'https://api.dicebear.com/7.x/bottts/svg'}) center/cover`, border: `1px solid ${theme.border}`, cursor: 'pointer' }} />

post._user?.handle && openProfile(post._user.handle)}>{post._user?.displayName || 'Unknown'} {post.category}

{(POST_TYPES || []).find(t => t.id === post.type)?.label || 'DATA_FRAG'}

{/* Content */}

{post.text}

{/* Media */} {post.mediaUrl && ( Attached media

e.currentTarget.style.display = 'none'} /> )} {/* Link Box (for Intro/Video) */} {post.link && ( 🔗 {post.link} )} {/* Footer Actions */}

{post.type === 'intro' && post._user?.handle && ( )}

)) )}

{/* FAB */} {/* ROCKET EFFECT ON LAUNCH */} {launchEffect && (

🚀

)} {/* ADD POST MODAL (Bottom Sheet) */}

NEW_TRANSMISSION

{/* Type Selector */}

{(POST_TYPES || []).map(type => ( ))}

{/* Year Category */} {/* Text Input */}

setDraftText(e.target.value)}
            placeholder={draftType === 'intro' ? "Hey, I'm..." : "What's on your mind?"}
            style={{ 
              width: '100%', background: theme.bg, border: `1px solid ${theme.border}`, 
              color: theme.textMain, padding: 14, borderRadius: 12, marginBottom: 16, 
              minHeight: 100, fontSize: 16, fontFamily: 'inherit', resize: 'none',
              boxSizing: 'border-box'
            }}
          />

{/* Conditional Inputs */}
          {(draftType === 'video' || draftType === 'intro') && (
            <input 
              type="url"
              value={draftLink}
              onChange={e => setDraftLink(e.target.value)}
              placeholder={draftType === 'video' ? "YouTube Link" : "LinkedIn Profile URL"}
              style={{ 
                width: '100%', background: theme.bg, border: `1px solid ${theme.border}`, 
                color: theme.textMain, padding: 14, borderRadius: 12, marginBottom: 16, fontSize: 16,
                boxSizing: 'border-box'
              }}
            />
          )}

{(draftType === 'project' || draftType === 'meme') && (
            <div style={{ marginBottom: 16 }}>
              {draftMedia ? (
                <div style={{ position: 'relative' }}>
                  <img src={draftMedia} alt="Preview" style={{ width: '100%', height: 120, objectFit: 'cover', borderRadius: 12 }} />
                  <button 
                    onClick={() => setDraftMedia(null)}
                    style={{ position: 'absolute', top: 8, right: 8, background: 'rgba(0,0,0,0.7)', color: 'white', border: 'none', width: 30, height: 30, borderRadius: 15 }}
                  >✕</button>
                </div>
              ) : (
                <button 
                  onClick={handlePhotoUpload}
                  disabled={isUploading}
                  style={{ 
                    width: '100%', background: 'rgba(0,255,204,0.05)', border: `1px dashed ${theme.cyan}`, 
                    color: theme.cyan, padding: 16, borderRadius: 12, fontWeight: 600, fontSize: 16 
                  }}>
                  {isUploading ? '⏳ SCANNING...' : '📸 UPLOAD MEDIA'}
                </button>
              )}
            </div>
          )}

<button 
            onClick={submitPost}
            disabled={!draftText.trim()}
            style={{ 
              width: '100%', background: draftText.trim() ? theme.cyan : theme.border, 
              color: '#000', border: 'none', padding: 16, borderRadius: 12, 
              fontWeight: 900, fontSize: 16, letterSpacing: '1px',
              opacity: draftText.trim() ? 1 : 0.5
            }}
          >
            LAUNCH 🚀
          </button>
        </div>
      </div>
    </div>
  );
}</article></body></html>