diff --git a/src/pages/MatchResultOverlay.css b/src/pages/MatchResultOverlay.css index eb4761b..1b9c747 100644 --- a/src/pages/MatchResultOverlay.css +++ b/src/pages/MatchResultOverlay.css @@ -99,6 +99,35 @@ .delta-positive { color: #4cef70; } .delta-negative { color: #ff4444; } +/* Кнопка немедленного возврата к поиску */ +.overlay-return-btn { + font-family: 'Inter', sans-serif; + font-size: 1rem; + font-weight: 700; + letter-spacing: 0.04em; + text-transform: uppercase; + color: #fff; + background: rgba(0, 0, 0, 0.55); + border: 1px solid rgba(255, 255, 255, 0.25); + border-radius: 10px; + padding: 14px 36px; + margin-top: 4px; + cursor: pointer; + backdrop-filter: blur(6px); + transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease; +} +.overlay-return-btn:hover { + transform: translateY(-2px); +} +.overlay-return-win:hover { + border-color: #8ec900; + box-shadow: 0 0 24px #8ec90066; +} +.overlay-return-lose:hover { + border-color: #cc2200; + box-shadow: 0 0 24px #cc220066; +} + /* Таймер редиректа */ .overlay-timer { font-family: 'Inter', sans-serif; diff --git a/src/pages/MatchResultOverlay.jsx b/src/pages/MatchResultOverlay.jsx index d6725aa..b694c60 100644 --- a/src/pages/MatchResultOverlay.jsx +++ b/src/pages/MatchResultOverlay.jsx @@ -11,6 +11,11 @@ export default function MatchResultOverlay({ outcome, newRating, ratingDelta }) const isWin = outcome === 'WIN'; + const goToBattle = () => { + clearInterval(intervalRef.current); + navigate('/battle'); + }; + useEffect(() => { intervalRef.current = setInterval(() => { setSecondsLeft((s) => { @@ -48,6 +53,14 @@ export default function MatchResultOverlay({ outcome, newRating, ratingDelta }) + +