From a0f6637c7337097678533c24f0daa115331acc2d Mon Sep 17 00:00:00 2001
From: Sleon4 <sergioleon4004@hotmail.com>
Date: Sun, 15 Sep 2024 09:53:33 -0500
Subject: [PATCH] style: properties have been added for iframe component

---
 src/pages/components/YoutubeVideo.jsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/pages/components/YoutubeVideo.jsx b/src/pages/components/YoutubeVideo.jsx
index 09a7545..e12beed 100644
--- a/src/pages/components/YoutubeVideo.jsx
+++ b/src/pages/components/YoutubeVideo.jsx
@@ -1,20 +1,18 @@
-import { Fragment } from "react";
+import { Ratio } from "react-bootstrap";
 
 export default function YoutubeVideo({ title, url, ratio = "16x9" }) {
   return (
-    <div
-      className={
-        "border border-secondary rounded p-2 mb-3 ratio ratio-" + ratio
-      }
+    <Ratio
+      aspectRatio={ratio}
+      className="border border-secondary rounded p-2 mb-3"
     >
       <iframe
         src={url}
         title={title}
-        frameborder="0"
         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-        referrerpolicy="strict-origin-when-cross-origin"
-        allowfullscreen
+        referrerPolicy="strict-origin-when-cross-origin"
+        allowFullScreen
       />
-    </div>
+    </Ratio>
   );
 }