diff --git a/public/img/conf/Sponsors/Meta-dark.svg b/public/img/conf/Sponsors/Meta-dark.svg new file mode 100644 index 0000000000..f43af5931d --- /dev/null +++ b/public/img/conf/Sponsors/Meta-dark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/conf/Sponsors/Meta.svg b/public/img/conf/Sponsors/Meta.svg new file mode 100644 index 0000000000..78448c3b56 --- /dev/null +++ b/public/img/conf/Sponsors/Meta.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx index 3bdbb3f101..358b79026c 100644 --- a/src/app/conf/2025/components/sponsors.tsx +++ b/src/app/conf/2025/components/sponsors.tsx @@ -3,9 +3,13 @@ import Apollo from "public/img/conf/Sponsors/Apollo.svg?svgr" import { clsx } from "clsx" import { ChevronRight } from "../../_design-system/pixelarticons/chevron-right" +import { ComponentPropsWithoutRef } from "react" interface Sponsor { - icon: React.FC> + icon: + | React.FC> + | React.FC> + | React.FC> name: string link: string } @@ -15,11 +19,56 @@ const sponsorDiamond: Sponsor[] = [] const sponsorPlatinum: Sponsor[] = [] const sponsorGold: Sponsor[] = [ - { icon: Apollo, name: "Apollo", link: "https://www.apollographql.com" }, + { + icon: (props: React.SVGProps) => ( + + ), + name: "Apollo", + link: "https://www.apollographql.com", + }, ] const sponsorSilver: Sponsor[] = [ - { icon: Grafbase, name: "Grafbase", link: "https://grafbase.com/" }, + { + icon: (props: React.SVGProps) => ( + + ), + name: "Grafbase", + link: "https://grafbase.com/", + }, + { + icon: (props: React.HTMLAttributes) => ( +
+ + +
+ ), + name: "Meta", + link: "https://about.facebook.com/meta/", + }, ] export interface SponsorsProps { @@ -74,16 +123,11 @@ export function Sponsors({ heading }: SponsorsProps) { function Tier({ tier, logoHeight }: { tier: Tier; logoHeight: number }) { return (
-

+

{tier.name}

-
2 && "sm:grid-cols-2 xl:grid-cols-3", - )} - > +
{tier.items.map(({ link, icon: Icon, name }, i) => (