The Scrolls

Veritas et Sapientia

{/* 📜 MAIN CONTENT AREA */}

{activeTab === 'library' && !selectedProf && !isWriting && (

Professor Archive

{(profs || []).map((prof, i) => (

setSelectedProf(prof)} style={{ backgroundColor: theme.parchment, color: theme.ink, padding: 20, borderRadius: 4, boxShadow: '0 4px 20px rgba(0,0,0,0.5)', cursor: 'pointer', position: 'relative', transform: 'rotate(-0.5deg)', border: `1px solid ${theme.parchmentDark}`, transition: 'transform 0.2s' }} > {/* Decorative corner */}

⚜️

{prof.name}

{prof.course}

Quill Rating: {prof.avgRating.toFixed(1)} ✦

Workload: {prof.avgWorkload.toFixed(1)} ⚖️

{(prof.topTags || []).map(tag => ( {tag} ))}

"{(prof.latestReview || '').substring(0, 60)}..."

))}

)} {/* 🔮 ORACLE'S VERDICT (DETAIL VIEW) */} {selectedProf && !isWriting && (

{selectedProf.name}

{selectedProf.course}

{selectedProf.avgRating.toFixed(1)}

Rating

{selectedProf.avgWorkload.toFixed(1)}

Workload

{selectedProf.count}

Scrolls

Consensus Quill

Students generally find {selectedProf.name} to be {selectedProf.avgRating > 3.5 ? 'highly effective' : 'challenging'}. Common sentiments include: {(selectedProf.topTags || []).join(', ')}.

Student Scrolls

{(reviews || []).filter(r => r.profName === selectedProf.name).map(r => (

{r._user?.avatarUrl ?

👤

}

{r._user?.displayName || 'Anonymous'}

{new Date(r.createdAt).toLocaleDateString()}

{renderStars(r.rating)}

{r.text}

{(r.tags || []).map(t => ( {t} ))}

))}

)} {/* ✍️ SCRIBE'S DESK (WRITE REVIEW) */} {isWriting && (

Etch Your Wisdom

Professor Name setNewReview({...newReview, profName: e.target.value})} placeholder="e.g. Prof. Snape" style={{ width: '100%', padding: 12, marginBottom: 16, background: theme.parchmentDark, border: 'none', fontFamily: theme.fontBody, fontSize: 16, boxSizing: 'border-box' }} /> Course Name/Code setNewReview({...newReview, courseCode: e.target.value})} placeholder="e.g. Defense Against the Dark Arts" style={{ width: '100%', padding: 12, marginBottom: 16, background: theme.parchmentDark, border: 'none', fontFamily: theme.fontBody, fontSize: 16, boxSizing: 'border-box' }} />

Rating

{[1,2,3,4,5].map(star => ( setNewReview({...newReview, rating: star})} style={{ fontSize: 24, cursor: 'pointer', color: star <= newReview.rating ? theme.crimson : '#ccc' }} > {star <= newReview.rating ? '✦' : '✧'} ))}

Workload

{[1,2,3,4,5].map(w => ( setNewReview({...newReview, workload: w})} style={{ fontSize: 24, cursor: 'pointer', opacity: w <= newReview.workload ? 1 : 0.3 }} > ⚖️ ))}

Your Testimony

setNewReview({...newReview, text: e.target.value})}
                placeholder="What should future students know?"
                rows={5}
                style={{ width: '100%', padding: 12, marginBottom: 24, background: theme.parchmentDark, border: 'none', fontFamily: theme.fontBody, fontSize: 16, boxSizing: 'border-box', resize: 'none' }}
              />

<button 
                onClick={submitReview}
                style={{ 
                  width: '100%', 
                  padding: 16, 
                  background: theme.ink, 
                  color: theme.gold, 
                  border: `1px solid ${theme.gold}`, 
                  fontFamily: theme.fontHead, 
                  fontSize: 18, 
                  cursor: 'pointer'
                }}
              >
                Seale & Submit
              </button>
            </div>
          </div>
        )}
      </div>

{/* ✨ ANIMATION OVERLAYS */}
      {animatingId === 'submitted' && (
        <div style={{ 
          position: 'fixed', 
          top: 0, left: 0, right: 0, bottom: 0, 
          background: 'rgba(0,0,0,0.7)', 
          display: 'flex', 
          alignItems: 'center', 
          justifyContent: 'center',
          zIndex: 100,
          animation: 'fadeIn 0.2s'
        }}>
          <div style={{ textAlign: 'center', transform: 'scale(1.2)' }}>
            <div style={{ fontSize: 60, marginBottom: 16 }}>📜✨</div>
            <div style={{ color: theme.gold, fontFamily: theme.fontHead, fontSize: 24 }}>Wisdom Etched</div>
          </div>
        </div>
      )}
      
      {/* 🧭 NAVIGATION (Simple for now, mostly context based) */}
      {!isWriting && !selectedProf && (
        <div style={{ 
          position: 'fixed', 
          bottom: 24, 
          left: 0, right: 0, 
          textAlign: 'center', 
          pointerEvents: 'none' 
        }}>
          <div style={{ 
            display: 'inline-flex', 
            background: '#1a1a1a', 
            border: `1px solid ${theme.gold}40`, 
            borderRadius: 30, 
            padding: '8px 16px',
            pointerEvents: 'auto',
            gap: 16,
            boxShadow: '0 4px 20px rgba(0,0,0,0.5)'
          }}>
             <span style={{color: theme.gold, fontSize: 12}}>UNSW LAW SOCIETY • EST. 2024</span>
          </div>
        </div>
      )}

{/* Global CSS for animations */}
      <style>{`
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }
      `}</style>
    </div>
  );
}</article></body></html>