Fixed sponsor render issue on venue pages

asyncapi · Nov 27, 2024 · 4c2991f · 4c2991f
1 parent 4ff3145
commit 4c2991f
Show file tree

Hide file tree

Showing 3 changed files with 74 additions and 14 deletions.
diff --git a/config/city-lists.json b/config/city-lists.json
@@ -8,9 +8,24 @@
 		"img": "/img/testMic.webp",
 		"address": "AsyncAPI YouTube Channel",
 		"map": "https://www.youtube.com/live/F9wHxd-v2f0?si=PT8BuAUKNmoLHRiM",
-		"sponsors": [
-			"/img/apidays.png"
-		],
+		"sponsors": {
+			"eventSponsors" : [{
+				"image":"/img/apidays.png",
+				"websiteUrl":"https://www.apidays.global/"
+			}],
+			"financialSponsors" : [
+				{
+					"image":"/img/graviteeio.svg" , 
+					"websiteUrl": "https://www.gravitee.io/",
+					"className":"w-[250px] h-[50px]" 
+				}, 
+				{
+					"image":"/img/postman.png" ,
+					"websiteUrl":"https://www.postman.com/",
+					"className":"w-[240px] h-[70px]"
+				}
+			]
+		},
 		"ticket": false,
 		"isFree": true,
 		"ended": true,
@@ -27,9 +42,24 @@
 		"img": "/img/finland.webp",
 		"address": "Pikku-Finlandia, Helsinki, Karamzininranta 4, 00100 Helsinki, Finland",
 		"map": "https://maps.app.goo.gl/UpdEp188m5YNEAEo9",
-		"sponsors": [
-			"/img/apidays.png"
-		],
+		"sponsors": {
+			"eventSponsors" : [{
+				"image":"/img/apidays.png",
+				"websiteUrl":"https://www.apidays.global/"
+			}],
+			"financialSponsors" : [
+				{
+					"image":"/img/graviteeio.svg" , 
+					"websiteUrl": "https://www.gravitee.io/",
+					"className":"w-[250px] h-[50px]" 
+				}, 
+				{
+					"image":"/img/postman.png" ,
+					"websiteUrl":"https://www.postman.com/",
+					"className":"w-[240px] h-[70px]"
+				}
+			]
+		},
 		"ticket": false,
 		"isFree": false,
 		"ended": true
@@ -43,9 +73,24 @@
 		"img": "/img/london.gif",
 		"address": "155 Bishopsgate, London EC2M 3YD",
 		"map": "https://maps.app.goo.gl/b2Vb5H2mM41F9nQA6",
-		"sponsors": [
-			"/img/apidays.png"
-		],
+		"sponsors": {
+			"eventSponsors" : [{
+				"image":"/img/apidays.png",
+				"websiteUrl":"https://www.apidays.global/"
+			}],
+			"financialSponsors" : [
+				{
+					"image":"/img/graviteeio.svg" , 
+					"websiteUrl": "https://www.gravitee.io/",
+					"className":"w-[250px] h-[50px]" 
+				}, 
+				{
+					"image":"/img/postman.png" ,
+					"websiteUrl":"https://www.postman.com/",
+					"className":"w-[240px] h-[70px]"
+				}
+			]
+		},
 		"ticket": "https://ticket.apidays.global/event/apidays-london-2024/869eca20-bfb6-4103-b8bb-d0348932e940/",
 		"isFree": true,
 		"ended": true,
@@ -61,9 +106,24 @@
 		"img": "https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExd24yenR4djEyZzRoeDA0ZmEyb3Y1c2F4NWVmbG13NmZwYWNhZzdnNiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Tuy3QxNZF1cxG/giphy.gif",
 		"address": "CNIT (Centre des Nouvelles Industries et Technologies), Paris 2 Place de la Défense, 92092 Puteaux",
 		"map": "https://maps.app.goo.gl/5te8WRM9Rb8B6vNd9",
-		"sponsors": [
-			"/img/apidays.png"
-		],
+		"sponsors": {
+			"eventSponsors" : [{
+				"image":"/img/apidays.png",
+				"websiteUrl":"https://www.apidays.global/"
+			}],
+			"financialSponsors" : [
+				{
+					"image":"/img/graviteeio.svg" , 
+					"websiteUrl": "https://www.gravitee.io/",
+					"className":"w-[250px] h-[50px]" 
+				}, 
+				{
+					"image":"/img/postman.png" ,
+					"websiteUrl":"https://www.postman.com/",
+					"className":"w-[240px] h-[70px]"
+				}
+			]
+		},
 		"ticket": "https://ticket.apidays.global/event/apidays-paris-2024/f8f61349-4f78-4bba-a162-68d598833116/cart?coupon=ASYNCAPICONF",
 		"isFree": true,
 		"cfp": false,

diff --git a/pages/venue/[id].js b/pages/venue/[id].js
@@ -93,7 +93,7 @@ function Venue({ city }) {
 			<div
 				id='sponsors'
 			>
-				<Sponsors imgs={city.sponsors} />
+				<Sponsors eventSponsors={city.sponsors.eventSponsors} financialSponsor={city.sponsors.financialSponsors} />
 			</div>
 		</div>
 	);

diff --git a/pages/venue/online/register/index.js b/pages/venue/online/register/index.js
@@ -7,7 +7,7 @@ export default function SpeakersForm(){
         <Paper />
         </div>
         <div>
-        <Sponsors imgs={cfpData.sponsors} />
+        <Sponsors eventSponsors={[{image:'/img/apidays.png',websiteUrl:"https://www.apidays.global/"}]} financialSponsor={[{image:"/img/graviteeio.svg" , websiteUrl: "https://www.gravitee.io/",className:"w-[250px] h-[50px]" } , {image:"/img/postman.png" ,websiteUrl:"https://www.postman.com/",className:"w-[240px] h-[70px]"}]} />
         </div>
     </div>)
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -93,7 +93,7 @@ function Venue({ city }) { @@
     			<div
     				id='sponsors'
     			>
-    				<Sponsors imgs={city.sponsors} />
+    				<Sponsors eventSponsors={city.sponsors.eventSponsors} financialSponsor={city.sponsors.financialSponsors} />
     			</div>
     		</div>
     	);
@@ Expand Down @@