fix: clicking on address navigates you to the google maps (#271)

* clicking on address navigates you to the google maps * underline the address on hover --------- Co-authored-by: Ace <[email protected]>
asyncapi · Mar 15, 2024 · c260e82 · c260e82
1 parent 71da2c4
commit c260e82
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/pages/venue/[id].js b/pages/venue/[id].js
@@ -42,8 +42,10 @@ function Venue({ city }) {
 						</Heading>
 						<Paragraph className='mt-[24px]' textColor='text-white'>{city.description}</Paragraph>
 
-						<Heading typeStyle='lg' className='text-white mt-[24px]'>
-							{city.address}
+						<Heading typeStyle='lg' className='text-white mt-[24px] hover:underline'>
+							<a href={city.map} target='_blank' rel="noreferrer">
+    							{city.address}
+  							</a>
 						</Heading>
 						<Heading typeStyle='lg' className='text-white mt-[24px]'>
 							{city.date}