〽️ SWIPE EXCHANGE 〽️

*** GO BLUE! *** {(listings || []).length} SWIPES AVAILABLE *** {(memberList || []).length} WOLVERINES ONLINE *** TRADE RESPONSIBLY ***

{/* Left Column: Listings */}

Select_Location

{(DINING_HALLS || []).map(h => ( ))}

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

[!] ERROR: NO SWIPES [!]

Please check back later...

) : (

{(filteredListings || []).map(l => (

setViewListing(l)}>

{l.diningHall} ${l.price.toFixed(2)}

{l.desc}

{ e.stopPropagation(); if (l._user?.handle) openProfile(l._user.handle); }} > {l._user?.profileImageUrl &&

} {l._user?.displayName || l.sellerName}

Qty: {l.quantity}

))}

)}

{/* Right Column: Social Sidebar */}

Online

{(memberList || []).map(m => (

openProfile(m.handle)} >

{m.displayName || m.handle}

))}

Stats

Total Swipes

{(listings || []).length}

Verified Traders

{(filteredListings || []).length} object(s) found 〽️ U-M Network

{/* Modals */} {(showForm || viewListing) && (

{showForm ? 'New_Listing.exe' : 'Swipe_Details.txt'}

{showForm ? (

Listing Wizard

Dining Hall:

Price ($): setFormData({...formData, price: e.target.value})} />

Quantity: setFormData({...formData, quantity: e.target.value})} />

Description:

setFormData({...formData, desc: e.target.value})}
                  />
                  {submitting ? (
                    <div style={{ ...styles.inset, height: '18px', position: 'relative', backgroundColor: '#eee' }}>
                      <div style={{ position: 'absolute', top: 0, left: 0, height: '100%', width: `${submitProgress}%`, backgroundColor: '#000080' }} />
                      <div style={{ position: 'absolute', width: '100%', textAlign: 'center', fontSize: '10px', color: submitProgress > 50 ? '#fff' : '#000' }}>{submitProgress}%</div>
                    </div>
                  ) : (
                    <button style={styles.button(false, 'bold')} onClick={handleSubmitListing}>UPLOAD TO SERVER</button>
                  )}
                </div>
              ) : (
                <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
                  <div style={{ fontSize: '14px', fontWeight: 'bold', borderBottom: '1px solid #808080' }}>{viewListing.diningHall}</div>
                  <div style={{ fontSize: '28px', textAlign: 'center', color: '#008000', fontFamily: 'monospace', fontWeight: 'bold' }}>${viewListing.price.toFixed(2)}</div>
                  <div style={{ ...styles.inset, fontSize: '12px', minHeight: '40px' }}>{viewListing.desc}</div>
                  <div 
                    style={{ fontSize: '10px', color: '#444', display: 'flex', alignItems: 'center', gap: '6px', cursor: 'pointer' }}
                    onClick={() => (viewListing._user?.handle || viewListing.sellerHandle) && openProfile(viewListing._user?.handle || viewListing.sellerHandle)}
                  >
                    {viewListing._user?.profileImageUrl && <img src={viewListing._user.profileImageUrl} style={styles.avatar} />}
                    Seller: {viewListing._user?.displayName || viewListing.sellerName}
                  </div>
                  <button 
                    style={{ ...styles.button(false, 'bold'), backgroundColor: '#000080', color: 'white' }}
                    onClick={() => {
                      if (viewListing._user?.handle || viewListing.sellerHandle) {
                        openProfile(viewListing._user?.handle || viewListing.sellerHandle);
                      }
                      setViewListing(null);
                    }}
                  >
                    VIEW SELLER PROFILE
                  </button>
                </div>
              )}
            </div>
          </div>
        </div>
      )}

{showSuccess && (
        <div style={{ position: 'fixed', top: '30%', left: '50%', transform: 'translateX(-50%)', zIndex: 200 }}>
          <div style={{ ...styles.window, padding: '15px', textAlign: 'center', minWidth: '200px' }}>
            <div style={styles.blink}>!!! SUCCESS !!!</div>
            <div style={{ fontSize: '11px', marginTop: '8px' }}>Listing added to database.</div>
            <button style={{ ...styles.button(false), marginTop: '10px', width: '60px', alignSelf: 'center' }} onClick={() => setShowSuccess(false)}>OK</button>
          </div>
        </div>
      )}

{/* Taskbar */}
      <div style={{ ...styles.window, height: '28px', flexDirection: 'row', alignItems: 'center', padding: '2px', gap: '4px', backgroundColor: '#c0c0c0' }}>
        <button onClick={() => share()} style={{ ...styles.button(false, 'bold'), height: '22px', padding: '0 6px' }}>
          <span style={{ fontSize: '14px' }}>〽️</span> Start
        </button>
        <div style={{ flex: 1, borderLeft: '1px solid #808080', height: '18px', marginLeft: '2px', boxShadow: '1px 0 0 #fff' }} />
        <div style={{ ...styles.inset, fontSize: '10px', padding: '2px 8px', display: 'flex', alignItems: 'center', height: '18px', backgroundColor: '#c0c0c0' }}>
          <img src="https://api.iconify.design/mdi:account-group.svg" style={{ width: '12px', marginRight: '4px' }} />
          {(memberList || []).length} Online
        </div>
        <div style={{ ...styles.inset, fontSize: '10px', padding: '2px 8px', display: 'flex', alignItems: 'center', height: '18px', backgroundColor: '#c0c0c0' }}>
          <img src="https://api.iconify.design/mdi:clock-outline.svg" style={{ width: '12px', marginRight: '4px' }} />
          {new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
        </div>
      </div>
    </div>
  );
}</article></body></html>