feat: alle Erscheinungsdaten im Modal (Kinostart DE/US, Web, Retail, Blu-ray)

This commit is contained in:
2026-06-11 10:09:50 +02:00
parent 71c411a350
commit 8d99ceba04
2 changed files with 36 additions and 21 deletions

View File

@@ -580,11 +580,7 @@ function MovieModal({ tmdbId, onClose, mobile, onHasXrel }) {
{detail.vote_average > 0 && <Badge bg="rgba(255,230,109,0.15)" color="#ffe66d"> {detail.vote_average.toFixed(1)}</Badge>}
{detail.runtime > 0 && <Badge bg="rgba(255,255,255,0.07)" color="rgba(255,255,255,0.7)"> {detail.runtime} Min</Badge>}
{fskStyle && <Badge bg={fskStyle.bg} color={fskStyle.color}>FSK {detail.fsk}</Badge>}
{detail.release_dates?.de_cinema
? <Badge bg="rgba(255,255,255,0.07)" color="rgba(255,255,255,0.55)">🇩🇪 Kino {fmtDE(detail.release_dates.de_cinema)}</Badge>
: detail.release_date && <Badge bg="rgba(255,255,255,0.07)" color="rgba(255,255,255,0.55)">🇩🇪 {fmtDE(detail.release_date)}</Badge>}
{detail.release_dates?.us_cinema && <Badge bg="rgba(255,255,255,0.07)" color="rgba(255,255,255,0.5)">🇺🇸 Kino {fmtDE(detail.release_dates.us_cinema)}</Badge>}
{detail.release_dates?.us_digital && <Badge bg="rgba(78,205,196,0.1)" color="#4ecdc4">💻 Digital {fmtDE(detail.release_dates.us_digital)}</Badge>}
{detail.release_date && <Badge bg="rgba(255,255,255,0.07)" color="rgba(255,255,255,0.55)">🇩🇪 {fmtDE(detail.release_date)}</Badge>}
{detail.countries?.length > 0 && <Badge bg="rgba(255,255,255,0.07)" color="rgba(255,255,255,0.4)">🌍 {detail.countries.slice(0,2).join(' · ')}</Badge>}
</div>
{detail.genres?.length > 0 && (
@@ -598,6 +594,22 @@ function MovieModal({ tmdbId, onClose, mobile, onHasXrel }) {
</div>
</div>
{detail.release_dates?.length > 0 && (
<div style={{ marginTop:16 }}>
<div style={{ ...S.head, marginBottom:8 }}>ERSCHEINUNGSDATEN</div>
<div style={{ display:'flex', flexDirection:'column', gap:4 }}>
{detail.release_dates.map((r, i) => (
<div key={i} style={{ display:'flex', justifyContent:'space-between', alignItems:'center',
fontSize:11, fontFamily:'monospace', padding:'3px 0',
borderBottom:'1px solid rgba(255,255,255,0.05)' }}>
<span style={{ color:'rgba(255,255,255,0.5)' }}>{r.label}</span>
<span style={{ color:'rgba(255,255,255,0.8)', fontWeight:600 }}>{fmtDE(r.date)}</span>
</div>
))}
</div>
</div>
)}
{detail.overview && (
<div style={{ marginTop:18 }}>
<div style={{ ...S.head, marginBottom:6 }}>HANDLUNG</div>