Docs: update sponsors

fuma-nama · Dec 13, 2024 · 51f7cde · 51f7cde
1 parent ec5fb2e
commit 51f7cde
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 28 deletions.
diff --git a/apps/docs/app/(home)/sponsors/data.tsx b/apps/docs/app/(home)/sponsors/data.tsx
@@ -3,6 +3,24 @@
  */
 export const organizationUsers = ['marclave', 'rishi-raj-jain', 'handotdev'];
 
+export const sponsorTiers = [
+  {
+    type: 'golden',
+    label: 'Golden Sponsor',
+  },
+  {
+    type: 'sliver',
+    label: 'Sliver Sponsor',
+  },
+];
+
+export const sponsorData: Record<
+  string,
+  (typeof sponsorTiers)[number]['type']
+> = {
+  hirosystems: 'sliver',
+};
+
 export const organizationSponsors = [
   {
     url: 'https://orama.com',
@@ -377,7 +395,7 @@ export const organizationSponsors = [
       </svg>
     ),
     github: 'vercel',
-    tier: 'golden-one-time',
+    tier: 'golden',
     label: 'Vercel',
   },
   {

diff --git a/apps/docs/app/(home)/sponsors/page.tsx b/apps/docs/app/(home)/sponsors/page.tsx
@@ -3,6 +3,8 @@ import Image from 'next/image';
 import {
   organizationUsers,
   organizationSponsors,
+  sponsorData,
+  sponsorTiers,
 } from '@/app/(home)/sponsors/data';
 import { buttonVariants } from '@/components/ui/button';
 import { cn } from '@/utils/cn';
@@ -206,35 +208,42 @@ export default async function Page() {
                 </>
               ),
               url: getSponsorHref(sponsor.login, sponsor.websiteUrl),
-              tier: '',
+              tier: sponsorData[sponsor.login] ?? '',
             })),
-        ].map((sponsor) => (
-          <a
-            key={sponsor.label}
-            href={sponsor.url}
-            rel="noreferrer noopener"
-            target="_blank"
-            className="group flex flex-col items-center justify-center rounded-xl p-3 transition-colors hover:bg-fd-primary/10"
-          >
-            <div className="inline-flex h-12 items-center gap-2 text-lg grayscale transition-all group-hover:grayscale-0">
-              {sponsor.logo}
-            </div>
-            {
-              {
-                golden: (
-                  <p className="text-xs text-fd-muted-foreground">
-                    Golden Sponsor
-                  </p>
-                ),
-                'golden-one-time': (
+        ]
+          .sort((a, b) => {
+            const idx1 = sponsorTiers.findIndex((tier) => tier.type === a.tier);
+            const idx2 = sponsorTiers.findIndex((tier) => tier.type === b.tier);
+
+            return (
+              (idx1 === -1 ? sponsorTiers.length : idx1) -
+              (idx2 === -1 ? sponsorTiers.length : idx2)
+            );
+          })
+          .map((sponsor) => {
+            const tier = sponsorTiers.find(
+              (tier) => tier.type === sponsor.tier,
+            );
+
+            return (
+              <a
+                key={sponsor.label}
+                href={sponsor.url}
+                rel="noreferrer noopener"
+                target="_blank"
+                className="group flex flex-col items-center justify-center rounded-xl p-3 transition-colors hover:bg-fd-primary/10"
+              >
+                <div className="inline-flex h-12 items-center gap-2 text-lg grayscale transition-all group-hover:grayscale-0">
+                  {sponsor.logo}
+                </div>
+                {tier ? (
                   <p className="text-xs text-fd-muted-foreground">
-                    Golden Sponsor
+                    {tier.label}
                   </p>
-                ),
-              }[sponsor.tier ?? '']
-            }
-          </a>
-        ))}
+                ) : null}
+              </a>
+            );
+          })}
       </div>
 
       <h2 className="mt-12 font-mono text-xs">Individual Sponsors</h2>

diff --git a/apps/docs/next-env.d.ts b/apps/docs/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.