Ronny
addff8f0cc
Previous pipeline built images locally via Portainer Docker API, but Docker layer caching produced identical images. Now: - Build with nocache=1 - Push to Gitea registry (git.home.rm-warpstation.de) - Compose uses image: from registry instead of build: - Redeploy with pullImage: true forces fresh container Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
19 lines
1.5 KiB
JavaScript
19 lines
1.5 KiB
JavaScript
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
import { useEffect, useRef } from 'react';
|
|
import confetti from 'canvas-confetti';
|
|
import styles from './ConfettiReveal.module.css';
|
|
export default function ConfettiReveal({ match, onDismiss }) {
|
|
const didFire = useRef(false);
|
|
const tip = match.userTip;
|
|
const points = tip.points;
|
|
useEffect(() => {
|
|
if (points === 3 && !didFire.current) {
|
|
didFire.current = true;
|
|
confetti({ particleCount: 120, spread: 80, origin: { y: 0.6 } });
|
|
}
|
|
}, [points]);
|
|
const resultLabel = points === 3 ? 'EXAKT! 🎉' : points === 1 ? 'Richtige Tendenz! 👏' : 'Knapp daneben... 😅';
|
|
const badgeClass = points === 3 ? styles.badgeExact : points === 1 ? styles.badgeTendency : styles.badgeWrong;
|
|
return (_jsx("div", { className: styles.overlay, onClick: onDismiss, children: _jsxs("div", { className: `card ${styles.card}`, onClick: e => e.stopPropagation(), children: [_jsxs("div", { className: styles.result, children: [match.homeTeam.shortName, " ", match.score.home, ":", match.score.away, " ", match.awayTeam.shortName] }), _jsxs("div", { className: styles.tipLine, children: ["Dein Tipp: ", tip.home, ":", tip.away] }), _jsxs("div", { className: `${styles.badge} ${badgeClass}`, children: [points, " ", points === 1 ? 'Punkt' : 'Punkte'] }), _jsx("div", { className: styles.label, children: resultLabel }), _jsx("button", { className: styles.dismissBtn, onClick: onDismiss, children: "Weiter" })] }) }));
|
|
}
|