update 2024 sponsors

Author: YassinEldeeb

src/app/conf/2024/sponsors.tsx

@@ -26,59 +26,27 @@ interface Image {
 }
 
 const sponsorDiamond: Image[] = [
-  { icon: Hasura, name: "Hasura", link: "https://hasura.io" },
-  { icon: Postman, name: "Postman", link: "https://postman.com" },
   { icon: TheGuild, name: "The Guild", link: "https://the-guild.dev" },
 ]
 
 const sponsorPlatinum: Image[] = [
-  { icon: Hygraph, name: "Hygraph", link: "https://hygraph.com" },
-  { icon: Solo, name: "Solo.io", link: "https://solo.io" },
 ]
 
 const sponsorGold: Image[] = [
-  { icon: StepZen, name: "StepZen", link: "https://stepzen.com" },
-  { icon: Inigo, name: "Inigo", link: "https://inigo.io" },
-  { icon: TheGraph, name: "The Graph", link: "https://thegraph.com" },
+  { icon: Hasura, name: "Hasura", link: "https://hasura.io" },
 ]
 
 const sponsorSilver: Image[] = [
-  { icon: Graphabase, name: "Graphabase", link: "https://graphabase.com" },
-  { icon: Neo4j, name: "Neo4j", link: "https://neo4j.com" },
   { icon: Stellate, name: "Stellate", link: "https://stellate.co" },
-  { icon: WunderGraph, name: "WunderGraph", link: "https://wundergraph.com" },
 ]
 
 const workshopDaySponsors: Image[] = [
-  { icon: TheGuild, name: "The Guild", link: "https://the-guild.dev" },
 ]
 
 const mediaPartners: Image[] = [
-  { icon: GraphQLWTF, name: "GraphQLWTF", link: "https://graphql.wtf" },
-  {
-    icon: GraphQLWeekly,
-    name: "GraphQLWeekly",
-    link: "https://graphqlweekly.com",
-  },
 ]
 
 const communityPartners: Image[] = [
-  {
-    icon: AmsterdamGraphQL,
-    name: "Amsterdam GraphQL",
-    link: "https://meetup.com/amsterdam-graphql-meetup",
-  },
-  {
-    icon: BangkokGraphQL,
-    name: "Bangkok GraphQL",
-    link: "https://meetup.com/graphql-bangkok",
-  },
-  {
-    icon: EscapeTechnologies,
-    name: "EscapeTechnologies",
-    link: "https://escape.tech",
-  },
-  { icon: TypeGraphQL, name: "TypeGraphQL", link: "https://typegraphql.com" },
 ]
 
 function List({
@@ -91,7 +59,7 @@ function List({
   linkClassName?: string
 }) {
   return (
-    <div className={clsx("grid gap-7 w-full", className)}>
+    <div className={clsx("grid gap-7 w-full flex-1", className)}>
       {items.map(({ link, icon, name }, i) => (
         <a
           key={i}
@@ -132,39 +100,39 @@ export function Sponsors() {
   return (
     <div id="sponsors" className="bg-conf-black">
       <div className="container conf-block">
-        <h1 className={classes.title}>Thanks to our 2023 sponsors!</h1>
-        <h3 className={classes.heading}>Diamond</h3>
+        <h1 className={classes.title}>Thanks to our 2024 sponsors!</h1>
+        {sponsorDiamond.length && (<><h3 className={classes.heading}>Diamond</h3>
         <List
           items={sponsorDiamond}
-          className="grid-cols-1"
+          className="flex"
           linkClassName="p-8 lg:p-16 h-28 lg:h-[220px]"
-        />
-        <h3 className={classes.heading}>Platinum</h3>
+        /></>)}
+        {sponsorPlatinum.length && (<><h3 className={classes.heading}>Platinum</h3>
         <List
           items={sponsorPlatinum}
-          className="grid-cols-2"
+          className="flex"
           linkClassName="p-8 lg:py-14 h-28 lg:h-[210px]"
-        />
-        <h3 className={classes.heading}>Gold</h3>
+        /> </>)}
+        {sponsorGold.length && (<><h3 className={classes.heading}>Gold</h3>
         <List
           items={sponsorGold}
-          className="grid-cols-2 xl:grid-cols-3"
+          className="flex"
           linkClassName="p-8 lg:py-14 h-28 lg:h-[170px]"
-        />
-        <h3 className={classes.heading}>Silver</h3>
+        /></>)}
+        {sponsorSilver.length&&(<><h3 className={classes.heading}>Silver</h3>
         <List
           items={sponsorSilver}
-          className="grid-cols-2 xl:grid-cols-4"
+          className="flex"
           linkClassName="p-6 lg:p-10 h-28 lg:h-[155px]"
-        />
-        <h3 className={classes.heading}>Workshop Day Sponsor</h3>
+        /></>)}
+        {workshopDaySponsors.length && (<><h3 className={classes.heading}>Workshop Day Sponsor</h3>
         <List
           items={workshopDaySponsors}
-          className="grid-cols-2 lg:grid-cols-1 lg:w-1/2 mx-auto"
+          className="flex"
           linkClassName="p-8 lg:p-10 h-28 lg:h-[155px]"
-        />
+        /></>)}
       </div>
-      <div className="container py-24">
+      {/* <div className="container py-24">
         <h1 className={classes.title}>Partners</h1>
         <h3 className={classes.heading}>Media Partners</h3>
         <List
@@ -178,7 +146,7 @@ export function Sponsors() {
           className="grid-cols-2 xl:grid-cols-4"
           linkClassName="p-6 lg:p-10 h-28 lg:h-[155px]"
         />
-      </div>
+      </div> */}
     </div>
   )
 }