chore: youtube link added in resource section (#425) (#426)

Co-authored-by: Cody's Dad <[email protected]>

Author: toffee-k21

components/Venue/venue.js

@@ -17,6 +17,7 @@ function Venue({ className, city }) {
 						}} className='w-8 h-8 bg-white rounded-xl flex items-center justify-center ml-auto'>
 							<Image src='/img/mapIcon.svg' alt='Map Icon' width={24} height={24} />
 						</button>
+						<div></div>
 					</div>
 					<div></div>
 					<div className='text-white'>

config/city-lists.json

@@ -46,7 +46,9 @@
 		],
 		"ticket": "https://ticket.apidays.global/event/apidays-london-2024/869eca20-bfb6-4103-b8bb-d0348932e940/",
 		"isFree": true,
-		"ended": true
+		"ended": true,
+		"recordings":"https://youtube.com/playlist?list=PLbi1gRlP7pig77jJD2ER9wfTxPSzBrLW5&si=YPmjUsj5mU6FpLhB",
+		"playlist":"https://www.youtube.com/embed/videoseries?si=92z0xOVroBuDUvMR&list=PLbi1gRlP7pig77jJD2ER9wfTxPSzBrLW5"
 	},
 	{
 		"name": "Paris",

config/links.json

@@ -55,6 +55,11 @@
                 "title": "London Slides",
                 "ref": "https://drive.google.com/drive/folders/1PsIZSsQmsvSILZ83f9L-2ErV-pXM6PQf?usp=drive_link",
                 "target": "_blank"
+            },
+			{
+                "title": "London Talks",
+                "ref": "https://youtube.com/playlist?list=PLbi1gRlP7pig77jJD2ER9wfTxPSzBrLW5&si=YPmjUsj5mU6FpLhB",
+                "target": "_blank"
             }
 
 

pages/venue/[id].js

@@ -56,7 +56,7 @@ function Venue({ city }) {
 						<Heading typeStyle='lg' className='text-white mt-[24px]'>
 							{city.date}
 						</Heading>
-						{city.ended ? "" : <div className='m-[30px]'>
+						{city.ended ? (city.playlist && <a href='#recordings'><Button className="w-[250px] h-[50px] m-8">Watch Recordings</Button></a>): <div className='m-[30px]'>
 							{city.ticket && <a href={city.ticket} target='_blank' rel='noreferrer'>
 							<Button className="px-8 m-2 w-[250px]">{city.isFree ? "Get Your Ticket" : "Register Now"}</Button>
 						</a>}
@@ -77,6 +77,14 @@ function Venue({ city }) {
 					<Agenda city={city} />
 				</div>}
 			</div>
+			<div id="recordings" className='flex justify-center'>
+				{city.ended ?  (city.playlist && 
+			<div className=' pt-10 mb-24 mx-44 lg:mx-7 flex justify-center flex-col items-center w-[90%] h-[550px] sm:h-72'>
+				<h1 className='text-white font-bold text-5xl mb-10'>Recordings</h1>
+				<iframe width="100%" height="100%" src={city.playlist} title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+			</div>
+		    ) : <div></div>}
+			</div>
 			<div
 				id='sponsors'
 			>