From 5982b04bb5237967fdb4c09fabd376dc3c557623 Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Sat, 9 Sep 2023 01:20:03 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20tailles=20des=20thumbs=20ne=20se=20r?=
 =?UTF-8?q?=C3=A9duit=20pas=20pour=20ceulleux=20qui=20ont=20une=20vid?=
 =?UTF-8?q?=C3=A9o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EmbeddedYoutube.tsx         | 3 +++
 src/routes/Liste/Thumbs/ResistantThumb.tsx | 1 +
 2 files changed, 4 insertions(+)

diff --git a/src/components/EmbeddedYoutube.tsx b/src/components/EmbeddedYoutube.tsx
index f9457d4..19d0312 100644
--- a/src/components/EmbeddedYoutube.tsx
+++ b/src/components/EmbeddedYoutube.tsx
@@ -5,6 +5,7 @@ interface Props {
   width: string;
   height: string;
   onClick: () => void;
+  className?: string;
   style?: IframeHTMLAttributes<HTMLIFrameElement>["style"];
 }
 
@@ -13,6 +14,7 @@ export const EmbeddedYoutube = ({
   width,
   height,
   onClick,
+  className,
   style = {},
 }: Props) => (
   <div onClick={onClick}>
@@ -24,6 +26,7 @@ export const EmbeddedYoutube = ({
       frameBorder="0"
       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
       allowFullScreen
+      className={className}
       style={{ pointerEvents: "none", ...style }}
     ></iframe>
   </div>
diff --git a/src/routes/Liste/Thumbs/ResistantThumb.tsx b/src/routes/Liste/Thumbs/ResistantThumb.tsx
index fba2726..1dd64e9 100644
--- a/src/routes/Liste/Thumbs/ResistantThumb.tsx
+++ b/src/routes/Liste/Thumbs/ResistantThumb.tsx
@@ -27,6 +27,7 @@ export const ResistantThumb = ({ resistant }: Props) => {
         youtubeId={resistant.video}
         width={"200"}
         height={"200"}
+        className="resistant-thumb"
         onClick={handleClick}
       />
     );