add section on download page

Author: bjohansebas

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

@@ -5,6 +5,5 @@
     flex-row
     flex-wrap
     items-center
-    justify-center
     gap-4;
 }

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

@@ -3,17 +3,21 @@
 import { useEffect, useRef, useState, type FC } from 'react';
 
 import PARTNERS from '#site/next.partners.constants';
-import type { Partners } from '#site/types';
+import type { PartnerCategory, Partners } from '#site/types';
 
 import PartnerIcon from '../PartnerIcon';
 import style from './index.module.css';
 import { randomPartnerList } from '../utils';
 
 type PartnersIconListProps = {
   maxLength?: number;
+  categories?: PartnerCategory;
 };
 
-const PartnersIconList: FC<PartnersIconListProps> = ({ maxLength = 4 }) => {
+const PartnersIconList: FC<PartnersIconListProps> = ({
+  maxLength = 4,
+  categories,
+}) => {
   const initialRenderer = useRef(true);
 
   const [seedList, setSeedList] = useState<Array<Partners>>(
@@ -33,7 +37,7 @@ const PartnersIconList: FC<PartnersIconListProps> = ({ maxLength = 4 }) => {
     const renderSponsorsAnimation = setTimeout(() => {
       initialRenderer.current = false;
 
-      setSeedList(randomPartnerList(PARTNERS, maxLength));
+      setSeedList(randomPartnerList(PARTNERS, maxLength, 5, categories));
     }, 0);
 
     return () => clearTimeout(renderSponsorsAnimation);

apps/site/components/Common/Partners/utils.ts

@@ -1,6 +1,11 @@
-import type { Partners } from '#site/types/partners.js';
-
-function randomPartnerList(partners: Array<Partners>, pick = 4, dateSeed = 5) {
+import type { PartnerCategory, Partners } from '#site/types/partners.js';
+
+function randomPartnerList(
+  partners: Array<Partners>,
+  pick = 4,
+  dateSeed = 5,
+  category?: PartnerCategory
+) {
   const now = new Date();
   const minutes = Math.floor(now.getUTCMinutes() / dateSeed) * dateSeed;
 
@@ -21,7 +26,10 @@ function randomPartnerList(partners: Array<Partners>, pick = 4, dateSeed = 5) {
   const rng = mulberry32(seed);
 
   // Create a copy of the array to avoid modifying the original
-  const shuffled = partners.slice().sort(() => rng() - 0.5);
+  const shuffled = partners
+    .filter(partner => !category || partner.categories.includes(category))
+    .slice()
+    .sort(() => rng() - 0.5);
 
   return shuffled.slice(0, pick);
 }

apps/site/pages/en/download/current.mdx

@@ -34,3 +34,7 @@ all <LinkWithArrow href="https://nodejs.org/download/release/">previous releases
 or the <LinkWithArrow href="https://unofficial-builds.nodejs.org/download/">unofficial</LinkWithArrow> binaries for other platforms.
 
 </section>
+
+We are able to serve Node.js downloads thank to our <Link href="/about/partners">partners</Link>.
+
+<PartnersIconList maxLength={6} />

apps/site/pages/en/download/index.mdx

@@ -34,3 +34,7 @@ all <LinkWithArrow href="https://nodejs.org/download/release/">previous releases
 or the <LinkWithArrow href="https://unofficial-builds.nodejs.org/download/">unofficial</LinkWithArrow> binaries for other platforms.
 
 </section>
+
+We are able to serve Node.js downloads thank to our <Link href="/about/partners">partners</Link>.
+
+<PartnersIconList maxLength={6} />