feat(supporters): sort supporters and add link to profile

Author: bmuenzenmeyer

apps/site/components/Common/Supporters/index.tsx

@@ -11,8 +11,13 @@ type SupportersListProps = {
 
 const SupportersList: FC<SupportersListProps> = ({ supporters }) => (
   <div className="flex max-w-full flex-wrap items-center justify-center gap-1">
-    {supporters.map(({ name, image }, i) => (
-      <Avatar nickname={name} image={image} key={`${name}-${i}`} />
+    {supporters.map(({ name, image, profile }, i) => (
+      <Avatar
+        nickname={name}
+        image={image}
+        key={`${name}-${i}`}
+        url={profile}
+      />
     ))}
   </div>
 );

apps/site/next-data/generators/supportersData.mjs

@@ -13,10 +13,14 @@ async function fetchOpenCollectiveData() {
 
   const members = payload
     .filter(({ role, isActive }) => role === 'BACKER' && isActive)
-    .map(({ name, website, image }) => ({
+    .sort((a, b) => {
+      return a.totalAmountDonated >= b.totalAmountDonated;
+    })
+    .map(({ name, website, image, profile }) => ({
       name,
       image,
       url: website,
+      profile,
       source: 'opencollective',
     }));
 

apps/site/types/partners.ts

@@ -34,6 +34,7 @@ export type Supporters = {
   name: string;
   image: string;
   url: string;
+  profile: string;
   source: 'opencollective' | 'github';
 };