chore: updated card wrap link

asyncapi · Jan 24, 2024 · 4c68ca2 · 4c68ca2
1 parent db8c3e2
commit 4c68ca2
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/components/Venue/venue.js b/components/Venue/venue.js
@@ -6,31 +6,31 @@ import Link from 'next/link';
 import Image from 'next/image'
 function Venue({ className, city }) {
 	return (
-		<Link href={`/venue/${city.name}`} className=''>
-			<div className={`w-[500px] cursor-pointer sm:w-auto min-h-[650px] ${className}`}>
+		<div className={`w-[500px] cursor-pointer sm:w-auto min-h-[650px] ${className}`}>
+			<Link href={`/venue/${city.name}`} className=''>
 				<div className='w-[450px] sm:w-auto sm:h-[320px] card-bg flex items-center justify-center p-10'>
 					<img src={city.img} className='sm:w-[350px] h-[250px] rounded-lg hoverEffect' />
 				</div>
+			</Link>
 
-				<div className='mt-[24px] w-[450px] sm:w-full'>
-					<p className='text-[#47BCEE] text-[24px] py-[8px]'>{city.date}</p>
-					<Heading typeStyle='lg' className='text-white text-[30px]'>
-						{city.name}, {city.country}
-					</Heading>
-					<div className='flex flex-col justify-between items-baseline'>
-						<Paragraph className='pt-[16px] h-full pb-[8px]'>
+			<div className='mt-[24px] w-[450px] sm:w-full'>
+				<p className='text-[#47BCEE] text-[24px] py-[8px]'>{city.date}</p>
+				<Heading typeStyle='lg' className='text-white text-[30px]'>
+					{city.name}, {city.country}
+				</Heading>
+				<div className='flex flex-col justify-between items-baseline'>
+					<Paragraph className='pt-[16px] h-full pb-[8px]'>
 						{city.description}
 					</Paragraph>
 					{city.recordedTalk
 						? <div className='p-2 mt-auto absolute bottom-0 flex items-center justify-between w-[170px] bg-black text-white shadow-sm leading-6 px-4 rounded-lg font-semibold'>
-								<Image src={require('../../public/img/yt-icon.webp')} alt='youtube icon' width={20} height={20}/>
-								<Link href={city.recordedTalk} >Recorded Talk</Link>
+							<Image src={require('../../public/img/yt-icon.webp')} alt='youtube icon' width={20} height={20} />
+							<a rel="noreferrer" target='_blank' href={city.recordedTalk} >Recorded Talk</a>
 						</div>
 						: null}
-					</div>
 				</div>
 			</div>
-		</Link>
+		</div>
 	);
 }