⬅️ Back to Table of Contents

📄 Sponsor

📊 Analysis Summary

Metric	Count
🔧 Functions	1
📦 Imports	4
💠 JSX Elements	3
📐 Interfaces	1

📚 Table of Contents

• Imports
• JSX Elements
• Functions
• Interfaces

🛠️ File Location:

📂 packages/website/src/components/home/Sponsor/index.tsx

📦 Imports

Name	Source
Link	@docusaurus/Link
React	react
SponsorData	../FinancialContributors/types
styles	./styles.module.css

---

JSX Elements

Component	Type	Props	Children
img	element	alt={${sponsor.name} logo}, src={sponsor.image}	none
Fragment	fragment	none	none
Link	component	className={styles.sponsorLink}, href={sponsor.website}, title={sponsor.name},...	{children}

---

Functions

Sponsor({ includeName, sponsor, }: SponsorProps): React.JSX.Element

Parameters:

• { includeName, sponsor, } SponsorProps

Returns: React.JSX.Element

Calls:

• sponsor.name.split

Code

export function Sponsor({
  includeName,
  sponsor,
}: SponsorProps): React.JSX.Element {
  let children = <img alt={`${sponsor.name} logo`} src={sponsor.image} />;

  if (includeName) {
    children = (
      <>
        {children}
        {sponsor.name.split(' - ')[0]}
      </>
    );
  }

  return (
    <Link
      className={styles.sponsorLink}
      href={sponsor.website}
      title={sponsor.name}
      rel="noopener sponsored"
    >
      {children}
    </Link>
  );
}

---

Interfaces

SponsorProps

Interface Code

interface SponsorProps {
  includeName?: boolean;
  sponsor: SponsorData;
}

Properties

Name	Type	Optional	Description
includeName	boolean	✓	not shown
sponsor	SponsorData	✗	not shown

---

Generated by Syntax Scribe