feat: supporters improvements

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

@@ -1,5 +1,7 @@
 import Avatar from '@node-core/ui-components/Common/AvatarGroup/Avatar';
 
+import { getAcronymFromString } from '#site/util/string';
+
 import type { Supporter } from '#site/types';
 import type { FC } from 'react';
 
@@ -12,6 +14,7 @@ const SupportersList: FC<SupportersListProps> = ({ supporters }) => (
     {supporters.map(({ name, image, profile }, i) => (
       <Avatar
         nickname={name}
+        fallback={getAcronymFromString(name)}
         image={image}
         key={`${name}-${i}`}
         url={profile}

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

@@ -19,7 +19,10 @@ async function fetchOpenCollectiveData() {
       name,
       image,
       url: website,
-      profile,
+      // If profile starts with the guest- prefix, it's a non-existing account
+      profile: profile.startsWith('https://opencollective.com/guest-')
+        ? undefined
+        : profile,
       source: 'opencollective',
     }));
 

apps/site/types/supporters.ts

@@ -2,7 +2,7 @@ export type Supporter<T extends string> = {
   name: string;
   image: string;
   url: string;
-  profile: string;
+  profile?: string;
   source: T;
 };