Zaebalsya
This commit is contained in:
@@ -12,7 +12,7 @@ import { ActivityFeed, type ActivityFeedRef } from '@/components/ActivityFeed'
|
||||
import {
|
||||
Users, Calendar, Trophy, Play, Settings, Copy, Check, Loader2, Trash2,
|
||||
Globe, Lock, CalendarCheck, UserPlus, Gamepad2, ArrowLeft, Zap, Flag,
|
||||
Star, Target, TrendingDown, ChevronDown, ChevronUp, Link2
|
||||
Star, Target, TrendingDown, ChevronDown, ChevronUp, Link2, Sparkles
|
||||
} from 'lucide-react'
|
||||
import { format } from 'date-fns'
|
||||
import { ru } from 'date-fns/locale'
|
||||
@@ -32,6 +32,8 @@ export function MarathonPage() {
|
||||
const [isJoining, setIsJoining] = useState(false)
|
||||
const [isFinishing, setIsFinishing] = useState(false)
|
||||
const [showEventControl, setShowEventControl] = useState(false)
|
||||
const [showChallenges, setShowChallenges] = useState(false)
|
||||
const [expandedGameId, setExpandedGameId] = useState<number | null>(null)
|
||||
const activityFeedRef = useRef<ActivityFeedRef>(null)
|
||||
|
||||
useEffect(() => {
|
||||
@@ -48,13 +50,12 @@ export function MarathonPage() {
|
||||
const eventData = await eventsApi.getActive(parseInt(id))
|
||||
setActiveEvent(eventData)
|
||||
|
||||
if (data.my_participation.role === 'organizer') {
|
||||
try {
|
||||
const challengesData = await challengesApi.list(parseInt(id))
|
||||
setChallenges(challengesData)
|
||||
} catch {
|
||||
// Ignore if no challenges
|
||||
}
|
||||
// Load challenges for all participants
|
||||
try {
|
||||
const challengesData = await challengesApi.list(parseInt(id))
|
||||
setChallenges(challengesData)
|
||||
} catch {
|
||||
// Ignore if no challenges
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
@@ -411,6 +412,108 @@ export function MarathonPage() {
|
||||
</div>
|
||||
</GlassCard>
|
||||
)}
|
||||
|
||||
{/* All challenges viewer */}
|
||||
{marathon.status === 'active' && isParticipant && challenges.length > 0 && (
|
||||
<GlassCard>
|
||||
<button
|
||||
onClick={() => setShowChallenges(!showChallenges)}
|
||||
className="w-full flex items-center justify-between"
|
||||
>
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-10 h-10 rounded-xl bg-accent-500/20 flex items-center justify-center">
|
||||
<Sparkles className="w-5 h-5 text-accent-400" />
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<h3 className="font-semibold text-white">Все задания</h3>
|
||||
<p className="text-sm text-gray-400">{challenges.length} заданий для {new Set(challenges.map(c => c.game.id)).size} игр</p>
|
||||
</div>
|
||||
</div>
|
||||
{showChallenges ? (
|
||||
<ChevronUp className="w-5 h-5 text-gray-400" />
|
||||
) : (
|
||||
<ChevronDown className="w-5 h-5 text-gray-400" />
|
||||
)}
|
||||
</button>
|
||||
{showChallenges && (
|
||||
<div className="mt-6 pt-6 border-t border-dark-600 space-y-4">
|
||||
{/* Group challenges by game */}
|
||||
{Array.from(new Set(challenges.map(c => c.game.id))).map(gameId => {
|
||||
const gameChallenges = challenges.filter(c => c.game.id === gameId)
|
||||
const game = gameChallenges[0]?.game
|
||||
if (!game) return null
|
||||
const isExpanded = expandedGameId === gameId
|
||||
|
||||
return (
|
||||
<div key={gameId} className="glass rounded-xl overflow-hidden border border-dark-600">
|
||||
<button
|
||||
onClick={() => setExpandedGameId(isExpanded ? null : gameId)}
|
||||
className="w-full flex items-center justify-between p-4 hover:bg-dark-700/50 transition-colors"
|
||||
>
|
||||
<div className="flex items-center gap-3">
|
||||
<span className="text-gray-400">
|
||||
{isExpanded ? (
|
||||
<ChevronUp className="w-4 h-4" />
|
||||
) : (
|
||||
<ChevronDown className="w-4 h-4" />
|
||||
)}
|
||||
</span>
|
||||
<div className="w-8 h-8 rounded-lg bg-gradient-to-br from-neon-500/20 to-accent-500/20 border border-neon-500/20 flex items-center justify-center">
|
||||
<Gamepad2 className="w-4 h-4 text-neon-400" />
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<h4 className="font-semibold text-white">{game.title}</h4>
|
||||
<span className="text-xs text-gray-400">{gameChallenges.length} заданий</span>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
{isExpanded && (
|
||||
<div className="border-t border-dark-600 p-4 space-y-2 bg-dark-800/30">
|
||||
{gameChallenges.map(challenge => (
|
||||
<div
|
||||
key={challenge.id}
|
||||
className="p-3 bg-dark-700/50 rounded-lg border border-dark-600"
|
||||
>
|
||||
<div className="flex items-center gap-2 mb-1 flex-wrap">
|
||||
<span className={`text-xs px-2 py-0.5 rounded-lg border ${
|
||||
challenge.difficulty === 'easy' ? 'bg-green-500/20 text-green-400 border-green-500/30' :
|
||||
challenge.difficulty === 'medium' ? 'bg-yellow-500/20 text-yellow-400 border-yellow-500/30' :
|
||||
'bg-red-500/20 text-red-400 border-red-500/30'
|
||||
}`}>
|
||||
{challenge.difficulty === 'easy' ? 'Легко' :
|
||||
challenge.difficulty === 'medium' ? 'Средне' : 'Сложно'}
|
||||
</span>
|
||||
<span className="text-xs text-neon-400 font-semibold">
|
||||
+{challenge.points}
|
||||
</span>
|
||||
<span className="text-xs text-gray-500">
|
||||
{challenge.type === 'completion' ? 'Прохождение' :
|
||||
challenge.type === 'no_death' ? 'Без смертей' :
|
||||
challenge.type === 'speedrun' ? 'Спидран' :
|
||||
challenge.type === 'collection' ? 'Коллекция' :
|
||||
challenge.type === 'achievement' ? 'Достижение' : 'Челлендж-ран'}
|
||||
</span>
|
||||
</div>
|
||||
<h5 className="text-sm font-medium text-white">{challenge.title}</h5>
|
||||
<p className="text-xs text-gray-400 mt-1">{challenge.description}</p>
|
||||
{challenge.proof_hint && (
|
||||
<p className="text-xs text-gray-500 mt-2 flex items-center gap-1">
|
||||
<Target className="w-3 h-3" />
|
||||
Пруф: {challenge.proof_hint}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</GlassCard>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Activity Feed - right sidebar */}
|
||||
|
||||
Reference in New Issue
Block a user