clean up

Author: bjohansebas

apps/site/components/Common/Partners/PartnerIcon/index.module.css

@@ -1,10 +1,10 @@
 @reference "../../../../styles/index.css";
 
 .partnerIcon {
-  @apply h-9!
-    w-auto!
-    min-w-9!
-    !p-2;
+  @apply h-9
+    w-auto
+    min-w-9
+    p-2;
 
   svg {
     @apply !h-4

apps/site/components/Common/Partners/PartnerIcon/index.tsx

@@ -13,14 +13,13 @@ type ParnetsIconProps = Partners & ComponentProps<typeof Skeleton>;
 const PartnersIcon: FC<ParnetsIconProps> = ({ name, href, logo, loading }) => {
   return (
     <Skeleton loading={loading} className="h-9 w-9 p-2">
-      <Tooltip content={<span className="py-6! px-2">{name}</span>}>
+      <Tooltip content={<span className="px-2">{name}</span>}>
         <Button
           kind="secondary"
-          href={`${href}/?utm_source=NodeJS&utm_medium=Link`}
+          href={`${href}/?utm_source=nodejs-website&utm_medium=Link`}
           className={style.partnerIcon}
         >
           {cloneElement(logo, {
-            className: 'h-4 w-auto',
             width: 'auto',
             height: '16px',
           })}

apps/site/components/Common/Partners/PartnerLogo/index.module.css

@@ -3,7 +3,7 @@
 .partnerIcon {
   @apply flex
     h-[114px]
-    max-h-[130px]
+    max-h-[114px]
     w-auto
     min-w-12
     items-center

apps/site/components/Common/Partners/PartnerLogo/index.tsx

@@ -14,11 +14,10 @@ const PartnersIcon: FC<ParnetsIconProps> = ({ href, logo, loading }) => {
     <Skeleton loading={loading} className="h-[114px] w-full p-2">
       <Button
         kind="secondary"
-        href={`${href}/?utm_source=NodeJS&utm_medium=Link`}
+        href={`${href}/?utm_source=nodejs-website&utm_medium=Link`}
         className={style.partnerIcon}
       >
         {cloneElement(logo, {
-          className: 'h-4 w-auto',
           width: 'auto',
           height: '16px',
         })}

apps/site/components/Common/Partners/PartnersIconList/index.tsx

@@ -37,7 +37,7 @@ const PartnersIconList: FC<PartnersIconListProps> = ({
     const renderSponsorsAnimation = setTimeout(() => {
       initialRenderer.current = false;
 
-      setSeedList(randomPartnerList(ICON_PARTNERS, maxLength, 1, categories));
+      setSeedList(randomPartnerList(ICON_PARTNERS, maxLength, 5, categories));
     }, 0);
 
     return () => clearTimeout(renderSponsorsAnimation);

apps/site/components/Common/Partners/PartnersLogoList/index.module.css

@@ -1,8 +1,8 @@
 @reference "../../../../styles/index.css";
 
 .partnersLogoList {
-  display: grid;
-  gap: 16px;
-  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
-  width: 100%;
+  @apply grid
+    w-full
+    grid-cols-[repeat(auto-fill,minmax(240px,1fr))]
+    gap-4;
 }

apps/site/components/Common/Partners/PartnersLogoList/index.tsx

@@ -42,7 +42,7 @@ const PartnersLogoList: FC<PartnersLogoListProps> = ({
     const renderSponsorsAnimation = setTimeout(() => {
       initialRenderer.current = false;
 
-      setSeedList(randomPartnerList(LOGO_PARTNERS, maxLength, 1, categories));
+      setSeedList(randomPartnerList(LOGO_PARTNERS, maxLength, 5, categories));
     }, 0);
 
     return () => clearTimeout(renderSponsorsAnimation);

apps/site/next.mdx.use.mjs

@@ -29,12 +29,12 @@ export const mdxComponents = {
   WithBadgeGroup,
   // HOC for providing Backers Data
   WithSupporters,
+  // Standalone Badge Group
+  BadgeGroup,
   // Shows a list of Node.js Partners with Icons
   PartnersIconList,
   // Shows a list of Node.js Partners with Logos
   PartnersLogoList,
-  // Standalone Badge Group
-  BadgeGroup,
   // Renders an container for Upcoming Node.js Meetings
   UpcomingMeetings,
   // Renders a Button Component for `button` tags

apps/site/next.partners.constants.tsx

@@ -1,11 +1,11 @@
 import type { Partners } from '#site/types';
-import { partnersList } from '#site/util/partners';
+import { createPartnersList } from '#site/util/partners';
 import partners from '#site/util/partners/constants.json' with { type: 'json' };
 
-const PARTNERS = (type?: 'Logo' | 'Favicon') =>
-  partnersList(partners as Array<Omit<Partners, 'logo'>>, type);
+const getPartnersByType = (type?: 'Logo' | 'Favicon') =>
+  createPartnersList(partners as Array<Omit<Partners, 'logo'>>, type);
 
-const ICON_PARTNERS = PARTNERS('Favicon');
-const LOGO_PARTNERS = PARTNERS('Logo');
+const ICON_PARTNERS = getPartnersByType('Favicon');
+const LOGO_PARTNERS = getPartnersByType('Logo');
 
 export { ICON_PARTNERS, LOGO_PARTNERS };

apps/site/pages/en/about/partners.mdx

@@ -1,5 +1,5 @@
 ---
-title: Partners
+title: Partners & Supporters
 layout: about
 ---
 
@@ -47,7 +47,8 @@ resources they need to build and maintain this project.
 ## Supporters
 
 Supporters are individuals and organizations that provide financial support through
-OpenCollective and GitHub Sponsors of the Node.js project.
+[OpenCollective](https://opencollective.com/nodejs) and [GitHub Sponsors](https://github.com/sponsors/nodejs)
+of the Node.js project.
 
 <WithSupporters />
 
@@ -59,7 +60,7 @@ The program provides access to security patches, compliance assistance, and tech
 to help bridge the gap while you plan your upgrade strategy. For more information about
 End-Of-Life versions, please visit [End-Of-Life Node.js Releases](/eol)
 
-> Using EOL releases through NES should be viewed as a temporary solution—the goal should always
+> Using EOL releases through NES should be viewed as a temporary solution, the goal should always
 > be to upgrade to actively supported versions.
 
 <PartnersLogoList categories="esp" maxLength={null} />
@@ -70,6 +71,6 @@ End-Of-Life versions, please visit [End-Of-Life Node.js Releases](/eol)
 
 If you are interested in becoming a partner, please reach out to us
 
-<Button href="https://openjsf.org/contact">Contact</Button>
+<Button href="https://openjsf.org/partners">Contact</Button>
 
 </div>