From 95bae8d6d4ee0351330e201ffe99c937e548c8b8 Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Wed, 7 Jun 2023 23:13:10 +0200
Subject: [PATCH] feat: add resistant video to resistant profile

---
 src/routes/PageResistant.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/routes/PageResistant.tsx b/src/routes/PageResistant.tsx
index 532ea55..8fe9394 100644
--- a/src/routes/PageResistant.tsx
+++ b/src/routes/PageResistant.tsx
@@ -4,6 +4,7 @@ import { getResistantPhotoUrl } from "../getResistantPhotoUrl";
 import { resistants } from "../resistants";
 import { getResistantsPageUrl } from "../getResistantsPageUrl";
 import { HomeContext } from "../context/HomeContext";
+import { AspectRatio, Center, Container } from "@mantine/core";
 
 export const PageResistant = () => {
   const { idResistant } = useParams();
@@ -142,6 +143,25 @@ export const PageResistant = () => {
                 </strong>
                 <em>{resistant.mention}</em>
               </p>
+              {resistant.video && (
+                <AspectRatio
+                  ratio={1080 / 720}
+                  maw={600}
+                  style={{ marginLeft: "auto", marginRight: "auto" }}
+                >
+                  <iframe
+                    src={`https://www.youtube-nocookie.com/embed/${
+                      resistant.video.split("watch?v=")[1]
+                    }`}
+                    width="100%"
+                    height="100%"
+                    title="YouTube video player"
+                    frameBorder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    allowFullScreen
+                  ></iframe>
+                </AspectRatio>
+              )}
               <p style={{ whiteSpace: "pre-wrap" }}>
                 <em>{resistant.presentation}</em>
               </p>