Fix splits display for ORCID receivers

Author: Morgan Brown

src/lib/components/splits/components/split/split.svelte

@@ -21,6 +21,7 @@
   import type { SplitGroup, Splits, SplitsComponentSplitsReceiver } from '../../types';
   import type { SupportedChain } from '$lib/graphql/__generated__/base-types';
   import OrcidAvatar from '../../../../../routes/(pages)/app/(app)/orcids/[orcidId]/components/orcid-avatar.svelte';
+  import OrcidBadge from '../../../../../routes/(pages)/app/(app)/orcids/[orcidId]/components/orcid-badge.svelte';
 
   export let split: SplitsComponentSplitsReceiver | SplitGroup;
   export let disableLink = true;
@@ -108,6 +109,11 @@
               outline: true,
             },
           } as ComponentAndProps;
+        case 'LinkedIdentityReceiver':
+          return {
+            component: OrcidAvatar,
+            props: { size: 'small' },
+          } as ComponentAndProps;
       }
     });
   }
@@ -217,9 +223,7 @@
           />
         </PrimaryColorThemer>
       {:else if split.__typename === 'LinkedIdentityReceiver'}
-        <!-- For now a hack since OrcidBadge needs an `OrcidAccount` which does not exist on `LinkedIdentityReceiver` ☹️ -->
-        <OrcidAvatar />
-        {split.linkedIdentity.orcid}
+        <OrcidBadge {chainOverride} orcid={split.linkedIdentity} />
       {:else if split.__typename === 'SplitGroup'}
         <div
           class="group"

src/lib/components/splits/types.ts

@@ -104,10 +104,17 @@ export const SPLITS_COMPONENT_ORCID_RECEIVER_FRAGMENT = gql`
     weight
     linkedIdentity {
       ... on OrcidLinkedIdentity {
+        chain
+        isClaimed
+        areSplitsValid
         account {
           accountId
         }
         orcid
+        orcidMetadata {
+          givenName
+          familyName
+        }
       }
     }
   }