diff --git a/src/components/SupportUsButton.tsx b/src/components/SupportUsButton.tsx index a5085dc..82a95db 100644 --- a/src/components/SupportUsButton.tsx +++ b/src/components/SupportUsButton.tsx @@ -82,19 +82,19 @@ function SupportUsButton({ }: supportUsButtonProps): React.JSX.Element { const validatedUrl = validateUrl(organizationInformation?.url); const logoContent = - typeof organizationInformation.logo === "string" ? ( - - {organizationInformation.logo} - - ) : ( - {organizationInformation.logo?.alt} - ); + typeof organizationInformation.logo === "string" ? ( + + {organizationInformation.logo} + + ) : ( + {organizationInformation.logo?.alt} + ); return ( // Container for the support us button, with dynamic classes based on the selected theme and custom class names
+ +
{organizationInformation?.logo && (validatedUrl ? ( {/* Sponsors section */} -
0 && ( +
- {sponsors && sponsors.length > 0 && ( - // List of sponsors with their logos and links, styled according to the selected theme and custom class names -
+ {sponsors && sponsors.length > 0 && ( + // List of sponsors with their logos and links, styled according to the selected theme and custom class names +
- {/* Sponsor pattern AOSSIE */} - {pattern === "AOSSIE" && ( -
- )} - {/* Sponsor pattern Grid */} - {pattern === "grid" && ( -
- )} - {/* Sponsor pattern Dots */} - {pattern === "dots" && ( -
- )} + > + {/* Sponsor pattern AOSSIE */} + {pattern === "AOSSIE" && ( +
+ )} + {/* Sponsor pattern Grid */} + {pattern === "grid" && ( +
+ )} + {/* Sponsor pattern Dots */} + {pattern === "dots" && ( +
+ )} - {/* Section title */} -
-
-

- Our Sponsors -

+ {/* Section title */} +
+
+

+ Our Sponsors +

- {/* Underline */} -
+ {/* Underline */} +
+
-
- {/* Sponsor logos */} -
- {sponsors.map((sponsor, index) => ( - -
+ {sponsors.map((sponsor, index) => ( + +
- {sponsor.logo ? ( -
- {sponsor.name} + {sponsor.logo ? ( +
+ {sponsor.name} - {/* Sponsor tier icon */} -
+ {/* Sponsor tier icon */} +
- {/* Platinum tier icon */} - {sponsor.sponsorshipTier === "Platinum" && ( - - Platinum tier icon - - - )} - {/* Gold tier icon */} - {sponsor.sponsorshipTier === "Gold" && ( - - Gold tier icon - - - )} - {/* Silver tier icon */} - {sponsor.sponsorshipTier === "Silver" && ( - - Silver tier icon - - - )} - {/* Bronze tier icon */} - {sponsor.sponsorshipTier === "Bronze" && ( - - Bronze tier icon - - - )} + > + {/* Platinum tier icon */} + {sponsor.sponsorshipTier === "Platinum" && ( + + Platinum tier icon + + + )} + {/* Gold tier icon */} + {sponsor.sponsorshipTier === "Gold" && ( + + Gold tier icon + + + )} + {/* Silver tier icon */} + {sponsor.sponsorshipTier === "Silver" && ( + + Silver tier icon + + + )} + {/* Bronze tier icon */} + {sponsor.sponsorshipTier === "Bronze" && ( + + Bronze tier icon + + + )} +
-
- ) : ( - - {sponsor.name} - - )} - -
-

{sponsor.name}

- {sponsor.sponsorshipTier && ( - - {sponsor.sponsorshipTier} + ) : ( + + {sponsor.name} )} + +
+

{sponsor.name}

+ {sponsor.sponsorshipTier && ( + + {sponsor.sponsorshipTier} + + )} +
-
-
- ))} + + ))} +
-
- )} -
+ )} +
+ )} {/* Call-to-action section with title, description, and sponsor links */}