diff --git a/public/img/velada-cover.webp b/public/img/velada-cover.webp new file mode 100644 index 000000000..610a91593 Binary files /dev/null and b/public/img/velada-cover.webp differ diff --git a/src/consts/combats.ts b/src/consts/combats.ts index 342bfc658..2a6cdc002 100644 --- a/src/consts/combats.ts +++ b/src/consts/combats.ts @@ -8,6 +8,7 @@ export const COMBATS: Combat[] = [ boxers: ["carreraaa", "agustin-51"], titleSize: [1920, 1012], title: "Agustin 51 vs Carreraaa", + video: "IPbkwObKdlU", }, { id: "2-guanyar-vs-la-cobra", @@ -15,6 +16,7 @@ export const COMBATS: Combat[] = [ boxers: ["guanyar", "la-cobra"], titleSize: [1920, 927], title: "Guanyar vs La Cobra", + video: "jdchidzFY6Y", }, { id: "3-zeling-y-nissaxter-vs-alana-y-ama-blitz", @@ -23,6 +25,7 @@ export const COMBATS: Combat[] = [ teams: ["zeling-nissaxter", "alana-ama-blitz"], titleSize: [1525, 1525], title: "Zeling y Nissaxter vs Alana y Ama Blitz", + video: "yF-ahJkOYyI", }, { id: "4-viruzz-vs-shelao", @@ -30,6 +33,7 @@ export const COMBATS: Combat[] = [ boxers: ["viruzz", "shelao"], titleSize: [1623, 1077], title: "Viruzz vs Shelao", + video: "qW2lfuM8uH4", }, { id: REY_DE_LA_PISTA_ID, @@ -48,6 +52,7 @@ export const COMBATS: Combat[] = [ ], titleSize: [1185, 1139], title: "Rey de la Pista", + video: "m8Is6KAYIZ4", }, { id: "6-el-mariana-vs-plex", @@ -55,5 +60,6 @@ export const COMBATS: Combat[] = [ boxers: ["plex", "el-mariana"], titleSize: [1920, 950], title: "El Mariana vs Plex", + video: "WnryYJ0k-_0", }, ] diff --git a/src/pages/combates/[id].astro b/src/pages/combates/[id].astro index b3cea2ade..edd90c330 100644 --- a/src/pages/combates/[id].astro +++ b/src/pages/combates/[id].astro @@ -5,6 +5,7 @@ import BackgroundVideo from "@/components/Combates/BackgroundVideo.astro" import { COMBATS, REY_DE_LA_PISTA_ID } from "@/consts/combats" import Layout from "@/layouts/Layout.astro" import CombatFeatures from "@/sections/CombatFeatures.astro" +import CombatVideo from "@/sections/CombatVideo.astro" import Forecasts from "@/sections/Forecasts.astro" const getCombatById = (id: string) => { @@ -98,6 +99,7 @@ export const prerender = true ) } +
{combatData.boxers.length <= 4 && }
diff --git a/src/sections/CombatVideo.astro b/src/sections/CombatVideo.astro new file mode 100644 index 000000000..ee6928afc --- /dev/null +++ b/src/sections/CombatVideo.astro @@ -0,0 +1,40 @@ +--- +import DrawnXLogo from "@/components/DrawnXLogo.astro" +import LiteYouTube from "@/components/LiteYouTube.astro" +import Typography from "@/components/Typography.astro" +import { COMBATS } from "@/consts/combats" + +const { combatId } = Astro.props + +const combat = COMBATS.find((combat) => combat.id === combatId) + +if (!combat) return null + +const { title, video } = combat +--- + +
+ + ¡Revive el combate! + + + + Vuelve a ver el combate {title} + + +
+ + +
+
diff --git a/src/types/Combat.ts b/src/types/Combat.ts index b2fa70ed4..dcb1b2263 100644 --- a/src/types/Combat.ts +++ b/src/types/Combat.ts @@ -5,4 +5,5 @@ export interface Combat { teams?: string[] titleSize: [number, number] title: string + video: string }