From b4071ccbb9089fad6dafc7e4ae837649ae62abc0 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Tue, 29 Apr 2025 20:54:56 +0200 Subject: [PATCH 1/9] Add Sponsors section --- src/app/conf/2025/components/sponsors.tsx | 189 ++++++++++++++++++++++ src/app/conf/2025/page.tsx | 4 +- 2 files changed, 191 insertions(+), 2 deletions(-) create mode 100644 src/app/conf/2025/components/sponsors.tsx diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx new file mode 100644 index 0000000000..fc15df7197 --- /dev/null +++ b/src/app/conf/2025/components/sponsors.tsx @@ -0,0 +1,189 @@ +import Stellate from "public/img/conf/Sponsors/Stellate.svg" +import Postman from "public/img/conf/Sponsors/Postman.svg" +import Solo from "public/img/conf/Sponsors/Solo.svg" +import Hasura from "public/img/conf/Sponsors/Hasura.svg" +import TheGraph from "public/img/conf/Sponsors/TheGraph.svg" +import TheGuild from "public/img/conf/Sponsors/TheGuild.svg" +import Hygraph from "public/img/conf/Sponsors/Hygraph.svg" +import StepZen from "public/img/conf/Sponsors/StepZen.svg" +import Inigo from "public/img/conf/Sponsors/Inigo.svg" +import Neo4j from "public/img/conf/Sponsors/Neo4j.svg" +import WunderGraph from "public/img/conf/Sponsors/WunderGraph.svg" +import Graphabase from "public/img/conf/Sponsors/Graphabase.svg" +import GraphQLWeekly from "public/img/conf/Partners/GraphQLWeekly.svg" +import GraphQLWTF from "public/img/conf/Partners/GraphQLwtf.svg" +import EscapeTechnologies from "public/img/conf/Partners/EscapeTechnologies.svg" +import AmsterdamGraphQL from "public/img/conf/Partners/AmsterdamGraphQL.svg" +import BangkokGraphQL from "public/img/conf/Partners/BangkokGraphQL.svg" +import TypeGraphQL from "public/img/conf/Partners/TypeGraphQL.svg" +import { clsx } from "clsx" +import NextImage from "next-image-export-optimizer" + +interface Image { + icon: string + name: string + link: string +} + +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" }, +] + +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({ + items, + className, + linkClassName, +}: { + className?: string + items: Image[] + linkClassName?: string +}) { + return ( +
+ {items.map(({ link, icon, name }, i) => ( + + + + ↗ + + + ))} +
+ ) +} + +const classes = { + heading: + "text-center text-primary text-2xl lg:text-3xl font-bold mb-10 mt-20", + title: "md:text-center text-white conf-heading", +} + +export interface SponsorsProps { + heading?: string +} + +export function Sponsors({ heading }: SponsorsProps) { + return ( +
+

{heading}

+
+

Sponsors

+

Diamond

+ +

Platinum

+ +

Gold

+ +

Silver

+ +

Workshop Day Sponsor

+ +
+
+

Partners

+

Media Partners

+ +

Community Partners

+ +
+
+ ) +} diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx index c02f4c3d6f..a3ce50df60 100644 --- a/src/app/conf/2025/page.tsx +++ b/src/app/conf/2025/page.tsx @@ -5,7 +5,6 @@ import { Sponsor } from "./sponsorship" import { Venue } from "./venue" import { FAQ } from "./faq" import { Register } from "./register" -import { Sponsors } from "./sponsors" import { Speakers } from "./speakers" import { RegisterToday } from "./components/register-today" import { Hero } from "./components/hero" @@ -13,6 +12,7 @@ import WhatToExpectSection from "./components/what-to-expect" import TopMindsSection from "./components/top-minds" import { GetYourTicket } from "./components/get-your-ticket" import { RegisterSection } from "./components/register-section" +import { Sponsors } from "./components/sponsors" export const metadata: Metadata = { title: "GraphQLConf 2025 — Sept 08-10", @@ -30,9 +30,9 @@ export default function Page() {
+
- From 293a65762936e2eee059d7d1ce020ff6a61ad9f3 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Tue, 29 Apr 2025 21:17:20 +0200 Subject: [PATCH 2/9] Tweak styles --- src/app/conf/2025/components/sponsors.tsx | 159 ++++++++++++---------- 1 file changed, 90 insertions(+), 69 deletions(-) diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx index fc15df7197..0883596b81 100644 --- a/src/app/conf/2025/components/sponsors.tsx +++ b/src/app/conf/2025/components/sponsors.tsx @@ -16,8 +16,24 @@ import EscapeTechnologies from "public/img/conf/Partners/EscapeTechnologies.svg" import AmsterdamGraphQL from "public/img/conf/Partners/AmsterdamGraphQL.svg" import BangkokGraphQL from "public/img/conf/Partners/BangkokGraphQL.svg" import TypeGraphQL from "public/img/conf/Partners/TypeGraphQL.svg" -import { clsx } from "clsx" import NextImage from "next-image-export-optimizer" +import { clsx } from "clsx" + +// Component for the small triangle icon before tier labels +function TierIcon() { + return ( + + + + ) +} interface Image { icon: string @@ -86,104 +102,109 @@ function List({ className, linkClassName, }: { - className?: string items: Image[] + className?: string linkClassName?: string }) { return ( -
+
{items.map(({ link, icon, name }, i) => ( - - ↗ - ))}
) } -const classes = { - heading: - "text-center text-primary text-2xl lg:text-3xl font-bold mb-10 mt-20", - title: "md:text-center text-white conf-heading", -} - export interface SponsorsProps { heading?: string } +// --- Data structure for Tiers --- +interface Tier { + name: string + items: Image[] +} + +const sponsorTiers: Tier[] = [ + { + name: "Diamond", + items: sponsorDiamond, + }, + { + name: "Platinum", + items: sponsorPlatinum, + }, + { + name: "Gold", + items: sponsorGold, + }, + { + name: "Silver", + items: sponsorSilver, + }, + { + name: "Workshop Day Sponsor", + items: workshopDaySponsors, + }, +] + +const partnerTiers: Tier[] = [ + { + name: "Media Partners", + items: mediaPartners, + }, + { + name: "Community Partners", + items: communityPartners, + }, +] +// --- End Data structure --- + export function Sponsors({ heading }: SponsorsProps) { return ( -
-

{heading}

-
-

Sponsors

-

Diamond

- -

Platinum

- -

Gold

- -

Silver

- -

Workshop Day Sponsor

- +
+

{heading}

+ +
+ {sponsorTiers.map(tier => ( + + ))}
-
-

Partners

-

Media Partners

- -

Community Partners

- + +
+

Partners

+ {partnerTiers.map(tier => ( + + ))}
) } + +function Tier({ tier }: { tier: Tier }) { + return ( +
+

+ + {tier.name} +

+ +
+ ) +} From 445dbbe96fb1eee3b323615487d9d6578e041664 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Tue, 29 Apr 2025 22:21:17 +0200 Subject: [PATCH 3/9] Use SVGR to load sponsor logos and fix the grid layout --- next.config.js | 36 +++- public/img/conf/Sponsors/Tyk.svg | 6 +- .../2025/components/register-today/index.tsx | 2 +- src/app/conf/2025/components/sponsors.tsx | 162 ++++-------------- src/app/conf/2025/page.tsx | 2 +- src/app/conf/2025/sponsors.tsx | 116 ------------- src/app/env.d.ts | 5 + 7 files changed, 73 insertions(+), 256 deletions(-) delete mode 100644 src/app/conf/2025/sponsors.tsx diff --git a/next.config.js b/next.config.js index bfd990f81e..24baa11c51 100644 --- a/next.config.js +++ b/next.config.js @@ -31,12 +31,38 @@ export default withLess( rule.test?.test?.(".svg"), ) - fileLoaderRule.exclude = ALLOWED_SVG_REGEX + fileLoaderRule.exclude = /\.svg$/i + + config.module.rules.push( + // All .svg from /icons/ and with ?svgr are going to be processed by @svgr/webpack + { + test: ALLOWED_SVG_REGEX, + use: ["@svgr/webpack"], + }, + { + test: /\.svg$/i, + exclude: ALLOWED_SVG_REGEX, + resourceQuery: /svgr/, + use: [ + { + loader: "@svgr/webpack", + options: { + dimensions: false, // **adds** viewBox. + }, + }, + ], + }, + // Otherwise, we use the default file loader + { + ...fileLoaderRule, + test: /\.svg$/i, + exclude: ALLOWED_SVG_REGEX, + resourceQuery: { + not: [...fileLoaderRule.resourceQuery.not, /svgr/], + }, + }, + ) - config.module.rules.push({ - test: ALLOWED_SVG_REGEX, - use: ["@svgr/webpack"], - }) return config }, output: "export", diff --git a/public/img/conf/Sponsors/Tyk.svg b/public/img/conf/Sponsors/Tyk.svg index 5d9487148a..fa93f6756b 100644 --- a/public/img/conf/Sponsors/Tyk.svg +++ b/public/img/conf/Sponsors/Tyk.svg @@ -5,14 +5,10 @@ .c { fill: #fff; } - - .d { - fill: #20edba; - } - \ No newline at end of file + diff --git a/src/app/conf/2025/components/register-today/index.tsx b/src/app/conf/2025/components/register-today/index.tsx index 0858a5dcd1..a5ab991340 100644 --- a/src/app/conf/2025/components/register-today/index.tsx +++ b/src/app/conf/2025/components/register-today/index.tsx @@ -18,7 +18,7 @@ export function RegisterToday({ className }: RegisterTodayProps) { className, )} > - {/* todo: test if the placeholder works in deploy preview */} + {/* todo: placeholders work in preview, but they could use some improvement */} > name: string link: string } 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" }, + { icon: IBM, name: "IBM", link: "https://www.ibm.com/products/api-connect" }, ] 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: Apollo, name: "Apollo", link: "https://www.apollographql.com/" }, + { icon: Graphweaver, name: "Graphweaver", link: "https://graphweaver.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" }, + { icon: Tyk, name: "Tyk", link: "https://tyk.io/" }, ] -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({ - items, - className, - linkClassName, -}: { - items: Image[] - className?: string - linkClassName?: string -}) { - return ( -
- {items.map(({ link, icon, name }, i) => ( - - - - ))} -
- ) -} - export interface SponsorsProps { heading?: string } @@ -146,10 +62,6 @@ const sponsorTiers: Tier[] = [ name: "Diamond", items: sponsorDiamond, }, - { - name: "Platinum", - items: sponsorPlatinum, - }, { name: "Gold", items: sponsorGold, @@ -158,27 +70,11 @@ const sponsorTiers: Tier[] = [ name: "Silver", items: sponsorSilver, }, - { - name: "Workshop Day Sponsor", - items: workshopDaySponsors, - }, ] -const partnerTiers: Tier[] = [ - { - name: "Media Partners", - items: mediaPartners, - }, - { - name: "Community Partners", - items: communityPartners, - }, -] -// --- End Data structure --- - export function Sponsors({ heading }: SponsorsProps) { return ( -
+

{heading}

@@ -186,13 +82,6 @@ export function Sponsors({ heading }: SponsorsProps) { ))}
- -
-

Partners

- {partnerTiers.map(tier => ( - - ))} -
) } @@ -200,11 +89,28 @@ export function Sponsors({ heading }: SponsorsProps) { function Tier({ tier }: { tier: Tier }) { return (
-

+

{tier.name}

- +
+ {tier.items.map(({ link, icon: Icon, name }, i) => ( + + + + ))} +
) } diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx index a3ce50df60..76ee2bd4f1 100644 --- a/src/app/conf/2025/page.tsx +++ b/src/app/conf/2025/page.tsx @@ -34,7 +34,7 @@ export default function Page() {
- + {/* */} diff --git a/src/app/conf/2025/sponsors.tsx b/src/app/conf/2025/sponsors.tsx deleted file mode 100644 index 3896c1fae2..0000000000 --- a/src/app/conf/2025/sponsors.tsx +++ /dev/null @@ -1,116 +0,0 @@ -import Grafbase from "public/img/conf/Sponsors/Grafbase.svg" - -import { clsx } from "clsx" -import NextImage from "next-image-export-optimizer" -import { Fragment } from "react" - -type LogosType = { - icon: string - name: string - link: string -} - -const SPONSORS: Array<{ - title: string - logos: Array -}> = [ - // { - // title: "Diamond", - // logos: [ - // { icon: TheGuild, name: "The Guild", link: "https://the-guild.dev" }, - // { - // icon: IBM, - // name: "IBM", - // link: "https://www.ibm.com/products/api-connect", - // }, - // ], - // }, - // { - // title: "Gold", - // logos: [ - // { icon: Apollo, name: "Apollo", link: "https://www.apollographql.com/" }, - // { - // icon: Graphweaver, - // name: "Graphweaver", - // link: "https://graphweaver.com", - // }, - // { icon: Hasura, name: "Hasura", link: "https://hasura.io" }, - // ], - // }, - { - title: "Silver", - logos: [ - { icon: Grafbase, name: "Grafbase", link: "https://grafbase.com/" }, - ], - }, -] - -function List({ - items, - className, - linkClassName, -}: { - className?: string - items: Array - linkClassName?: string -}) { - return ( -
- {items.map(({ link, icon, name }, i) => ( - - - - ↗ - - - ))} -
- ) -} - -export function Sponsors() { - return ( -
-

Sponsors

- {SPONSORS.map(({ title, logos }, i) => ( - -
- {/* Square box */} -
-

{title}

-
- - - ))} -
- ) -} diff --git a/src/app/env.d.ts b/src/app/env.d.ts index f83eac487c..a0ee3ba5f3 100644 --- a/src/app/env.d.ts +++ b/src/app/env.d.ts @@ -6,3 +6,8 @@ declare module "*.mdx" { export default ReactComponent export const getStaticPaths: GetStaticPaths } + +declare module "*.svg?svgr" { + const content: React.FC> + export default content +} From 8a25c72eb689a4e8533d2809675538ccee685769 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Tue, 29 Apr 2025 22:51:18 +0200 Subject: [PATCH 4/9] Make it less transparent and get rid of border radius --- src/app/conf/2025/components/sponsors.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx index a526ef7d0e..eaead10052 100644 --- a/src/app/conf/2025/components/sponsors.tsx +++ b/src/app/conf/2025/components/sponsors.tsx @@ -105,7 +105,7 @@ function Tier({ tier }: { tier: Tier }) { target="_blank" rel="noreferrer" title={name} - className="group flex h-24 w-72 items-center justify-center rounded-lg opacity-70 [--fill:hsl(var(--color-neu-700))] hover:bg-neu-500/10 hover:[--fill:hsl(var(--color-neu-800))] dark:opacity-90" + className="group flex h-24 w-72 items-center justify-center opacity-75 [--fill:hsl(var(--color-neu-700))] hover:bg-neu-500/10 hover:[--fill:hsl(var(--color-neu-800))] dark:opacity-90" > From b63358057ff1d0f3861b16a195094723d3621e55 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Tue, 29 Apr 2025 23:01:36 +0200 Subject: [PATCH 5/9] Remove a redundant comment --- src/app/conf/2025/components/sponsors.tsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx index eaead10052..56988fa592 100644 --- a/src/app/conf/2025/components/sponsors.tsx +++ b/src/app/conf/2025/components/sponsors.tsx @@ -9,7 +9,6 @@ import Graphweaver from "public/img/conf/Sponsors/Graphweaver.svg?svgr" import NextImage from "next-image-export-optimizer" import { clsx } from "clsx" -// Component for the small triangle icon before tier labels function TierIcon() { return ( Date: Tue, 29 Apr 2025 23:02:19 +0200 Subject: [PATCH 6/9] Remove unused import --- src/app/conf/2025/components/sponsors.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx index 56988fa592..5b1a778efb 100644 --- a/src/app/conf/2025/components/sponsors.tsx +++ b/src/app/conf/2025/components/sponsors.tsx @@ -6,7 +6,6 @@ import Tyk from "public/img/conf/Sponsors/Tyk.svg?svgr" import IBM from "public/img/conf/Sponsors/IBM.svg?svgr" import Graphweaver from "public/img/conf/Sponsors/Graphweaver.svg?svgr" -import NextImage from "next-image-export-optimizer" import { clsx } from "clsx" function TierIcon() { From 8fbfe8a0e44bfced41f665a5dcbda0130ac419f9 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Tue, 29 Apr 2025 23:02:55 +0200 Subject: [PATCH 7/9] Fix a type name --- src/app/conf/2025/components/sponsors.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx index 5b1a778efb..60e4d6d760 100644 --- a/src/app/conf/2025/components/sponsors.tsx +++ b/src/app/conf/2025/components/sponsors.tsx @@ -23,24 +23,24 @@ function TierIcon() { ) } -interface Image { +interface Sponsor { icon: React.FC> name: string link: string } -const sponsorDiamond: Image[] = [ +const sponsorDiamond: Sponsor[] = [ { icon: TheGuild, name: "The Guild", link: "https://the-guild.dev" }, { icon: IBM, name: "IBM", link: "https://www.ibm.com/products/api-connect" }, ] -const sponsorGold: Image[] = [ +const sponsorGold: Sponsor[] = [ { icon: Apollo, name: "Apollo", link: "https://www.apollographql.com/" }, { icon: Graphweaver, name: "Graphweaver", link: "https://graphweaver.com" }, { icon: Hasura, name: "Hasura", link: "https://hasura.io" }, ] -const sponsorSilver: Image[] = [ +const sponsorSilver: Sponsor[] = [ { icon: Stellate, name: "Stellate", link: "https://stellate.co" }, { icon: Tyk, name: "Tyk", link: "https://tyk.io/" }, ] @@ -51,7 +51,7 @@ export interface SponsorsProps { interface Tier { name: string - items: Image[] + items: Sponsor[] } const sponsorTiers: Tier[] = [ From b8c5f86644f69f5c00c1d30d2928ccb08cf96439 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Tue, 29 Apr 2025 23:11:13 +0200 Subject: [PATCH 8/9] Use a proper icon --- src/app/conf/2025/components/sponsors.tsx | 20 +++---------------- .../conf/2025/pixelarticons/chevron-right.tsx | 17 ++++++++++++++++ 2 files changed, 20 insertions(+), 17 deletions(-) create mode 100644 src/app/conf/2025/pixelarticons/chevron-right.tsx diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx index 60e4d6d760..a044f8c564 100644 --- a/src/app/conf/2025/components/sponsors.tsx +++ b/src/app/conf/2025/components/sponsors.tsx @@ -7,21 +7,7 @@ import IBM from "public/img/conf/Sponsors/IBM.svg?svgr" import Graphweaver from "public/img/conf/Sponsors/Graphweaver.svg?svgr" import { clsx } from "clsx" - -function TierIcon() { - return ( - - - - ) -} +import { ChevronRight } from "../pixelarticons/chevron-right" interface Sponsor { icon: React.FC> @@ -86,8 +72,8 @@ export function Sponsors({ heading }: SponsorsProps) { function Tier({ tier }: { tier: Tier }) { return (
-

- +

+ {tier.name}

) { + return ( + + + + ) +} From 2cf4223e3f1483f3fab759d25c9c2708d6eabcd4 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Tue, 29 Apr 2025 23:13:11 +0200 Subject: [PATCH 9/9] Fix alignment --- src/app/conf/2025/components/sponsors.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx index a044f8c564..573eb8ae2c 100644 --- a/src/app/conf/2025/components/sponsors.tsx +++ b/src/app/conf/2025/components/sponsors.tsx @@ -72,8 +72,8 @@ export function Sponsors({ heading }: SponsorsProps) { function Tier({ tier }: { tier: Tier }) { return (
-

- +

+ {tier.name}