feat(frontend): testimonials-iframe

Author: tractorss

frontend/src/components/ResearchDevelopment/TabSection/FellowshipTabContent/Testimonials/TestimonialCard.tsx

@@ -1,19 +1,16 @@
-import Image from "next/image";
-
-import CustomLink from "@/components/CustomLink";
 import { Testimonial } from "@/queries/research-development/tabs-data";
 
-const TestimonialCard: React.FC<Testimonial> = ({ url, thumbnail }) => (
-  <CustomLink href={url}>
-    <div className="relative h-[203px] w-full overflow-hidden rounded-2xl">
-      <Image
-        src={thumbnail.url}
-        alt="Thumbnail"
-        fill
-        className="object-cover"
-      />
-    </div>
-  </CustomLink>
+const TestimonialCard: React.FC<Testimonial> = ({ url }) => (
+  <div className="relative h-[203px] w-full overflow-hidden rounded-2xl">
+    <iframe
+      style={{ width: "100%", height: "100%" }}
+      src={url}
+      title="YouTube video player"
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+      referrerPolicy="strict-origin-when-cross-origin"
+      allowFullScreen
+    ></iframe>
+  </div>
 );
 
 export default TestimonialCard;

frontend/src/queries/research-development/tabs-data.ts

@@ -20,7 +20,7 @@ export const tabSectionQuery = gql`
         subtitle
         bookTitle
         downloadFormats {
-          text
+          name
           file {
             url
           }