fix: release note link for videos with two versions

src/components/VideoCards/index.tsx

@@ -19,8 +19,9 @@ import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import LiteYouTube from '@site/src/components/LiteYouTube';
 import styles from './styles.module.css';
+import { Video } from '@site/src/data/types';
 
-function VideoCards({ videos }) {
+function VideoCards({ videos }: { videos: Video[] }) {
   return (
     <section className="margin-top--lg margin-bottom--xl">
       <div className="container">
@@ -34,7 +35,12 @@ function VideoCards({ videos }) {
   );
 }
 
-function VideoCard({ video }) {
+function videoToReleasePageAnchor(video: Video) {
+  const versions = video.version.split(' & ');
+  return `version-${versions[versions.length - 1].replace('.', '')}`;
+}
+
+function VideoCard({ video }: { video: Video }) {
   return (
     <li key={video.title} className="card shadow--md">
       <div className={styles.videoCardVideo}>
@@ -64,10 +70,7 @@ function VideoCard({ video }) {
         {video.version ? (
           <div className={styles.videoCardHeader}>
             <Link
-              href={`/docs/release-notes#version-${video.version.replace(
-                '.',
-                ''
-              )}`}
+              href={`/docs/release-notes#${videoToReleasePageAnchor(video)}`}
             >
               <h4 className={styles.videoCardTitle}>
                 Playwright v{video.version}

src/data/conference-videos.tsx

@@ -1,4 +1,6 @@
-const conferenceVideos = [
+import { Video } from './types';
+
+const conferenceVideos: Video[] = [
   {
     title: "Playwright : l'outil qui va révolutionner les tests end-to-end",
     id: 'fQ4LICkmG9I',

src/data/learn-videos.tsx

@@ -1,4 +1,6 @@
-const learnVideos = [
+import { Video } from './types';
+
+const learnVideos: Video[] = [
   {
     title: 'How to Run Tests in Playwright with the VS Code Extension',
     description: '',

src/data/release-videos.tsx

@@ -1,4 +1,6 @@
-const releaseVideos = [
+import { Video } from './types';
+
+const releaseVideos: Video[] = [
   {
     version: '1.45',
     id: "54_aC-rVKHg",

src/data/types.ts

@@ -0,0 +1,15 @@
+export type Video = {
+  version?: string;
+  speakers?: string[];
+  id?: string;
+  title?: string;
+  description?: string;
+  highlights?: string[];
+  year?: string;
+  thumbnail?: string;
+  url?: string;
+  src?: string;
+  conference?: string;
+  host?: string;
+  language?: string;
+};