Feat: Identity for delegation

src/renderer/domains/identity/model/identity/model.ts

@@ -8,7 +8,6 @@ import { identityPallet } from '@/shared/pallet/identity';
 import { type AccountId } from '@/shared/polkadotjs-schemas';
 import { networkModel } from '@/entities/network';
 
-import { identityService } from './service';
 import { type AccountIdentity } from './types';
 
 type IdentityData = Record<AccountId, AccountIdentity>;
@@ -79,14 +78,11 @@ const request = attach({
   effect: requestIdentity,
   source: { apis: $apis, chains: $chains },
   mapParams: ({ chainId, accounts }: RequestParams, { apis, chains }) => {
-    const identityChain = identityService.findIdentityChain(chains, chainId);
-    if (nullable(identityChain)) {
-      throw new Error(`Chain path from ${chainId} is broken, trace chain.parentId fields in config.`);
-    }
+    const identityChainId = chains[chainId]?.additional?.identityChain ?? chainId;
 
-    const api = apis[identityChain.chainId];
+    const api = apis[identityChainId];
     if (nullable(api)) {
-      throw new Error(`ApiPromise for chain ${identityChain.chainId} not found`);
+      throw new Error(`ApiPromise for chain ${identityChainId} not found`);
     }
 
     return {

src/renderer/features/governance/aggregates/delegateRegistry.ts

@@ -5,7 +5,9 @@ import { readonly } from 'patronum';
 
 import { type DelegateAccount, delegationService } from '@/shared/api/governance';
 import { type Chain } from '@/shared/core';
-import { MONTH, getBlockTimeAgo, nonNullable } from '@/shared/lib/utils';
+import { MONTH, getBlockTimeAgo, nonNullable, toAccountId } from '@/shared/lib/utils';
+import { type AccountId } from '@/shared/polkadotjs-schemas';
+import { identityDomain } from '@/domains/identity';
 import { networkSelectorModel } from '../model/networkSelector';
 
 const requestDelegateRegistry = createEvent();
@@ -63,6 +65,33 @@ sample({
   target: $delegateRegistry,
 });
 
+sample({
+  clock: $delegateRegistry,
+  source: {
+    chain: networkSelectorModel.$governanceChain,
+    identity: identityDomain.identity.$list,
+  },
+  filter: ({ chain }) => nonNullable(chain),
+  fn: ({ chain, identity }, delegates) => {
+    const accounts = new Set<AccountId>();
+
+    for (const delegate of delegates) {
+      if (nonNullable(delegate.name)) continue;
+
+      const accountId = toAccountId(delegate.address ?? delegate.accountId);
+      if (nonNullable(identity[chain!.chainId]?.[accountId])) continue;
+
+      accounts.add(accountId);
+    }
+
+    return {
+      chainId: chain!.chainId,
+      accounts: Array.from(accounts),
+    };
+  },
+  target: identityDomain.identity.request,
+});
+
 export const delegateRegistryAggregate = {
   $delegateRegistry: readonly($delegateRegistry),
   $isRegistryLoading: requestDelegateRegistryFx.pending,

src/renderer/features/governance/aggregates/voting.ts

@@ -1,8 +1,10 @@
 import { combine, createEvent, sample } from 'effector';
 
 import { type Address, type TrackId, type VotingMap } from '@/shared/core';
-import { nonNullable, nullable } from '@/shared/lib/utils';
-import { votingModel } from '@/entities/governance';
+import { nonNullable, nullable, toAccountId } from '@/shared/lib/utils';
+import { type AccountId } from '@/shared/polkadotjs-schemas';
+import { identityDomain } from '@/domains/identity';
+import { votingModel, votingService } from '@/entities/governance';
 import { accountUtils, walletModel, walletUtils } from '@/entities/wallet';
 import { networkSelectorModel } from '../model/networkSelector';
 
@@ -89,6 +91,35 @@ sample({
   target: requestVoting,
 });
 
+sample({
+  clock: $activeWalletVotes,
+  source: {
+    chain: networkSelectorModel.$governanceChain,
+    identity: identityDomain.identity.$list,
+  },
+  filter: ({ chain }) => nonNullable(chain),
+  fn: ({ chain, identity }, activeVotes) => {
+    const accounts = new Set<AccountId>();
+
+    for (const voteList of Object.values(activeVotes)) {
+      for (const vote of Object.values(voteList)) {
+        if (!votingService.isDelegating(vote)) continue;
+
+        const accountId = toAccountId(vote.target);
+        if (nonNullable(identity[chain!.chainId]?.[accountId])) continue;
+
+        accounts.add(accountId);
+      }
+    }
+
+    return {
+      chainId: chain!.chainId,
+      accounts: Array.from(accounts),
+    };
+  },
+  target: identityDomain.identity.request,
+});
+
 export const votingAggregate = {
   $activeWalletVotes,
   $possibleAccountsForVoting,

src/renderer/features/governance/components/Delegations/DelegateIcon.tsx

@@ -13,18 +13,20 @@ export const DelegateIcon = ({ delegate, className }: Props) => {
   if (!delegate.name) return <Identicon address={delegate.accountId} size={46} />;
 
   if (isDefaultImage(delegate.image)) {
-    <div
-      className={cnTw(
-        'flex h-11.5 w-11.5 items-center justify-center rounded-full',
-        delegate.isOrganization ? 'bg-badge-orange-background-default' : 'bg-badge-background',
-      )}
-    >
-      {delegate.isOrganization ? (
-        <Icon className="text-icon-warning" name="organization" />
-      ) : (
-        <Icon className="text-icon-accent" name="individual" />
-      )}
-    </div>;
+    return (
+      <div
+        className={cnTw(
+          'flex h-11.5 w-11.5 items-center justify-center rounded-full',
+          delegate.isOrganization ? 'bg-badge-orange-background-default' : 'bg-badge-background',
+        )}
+      >
+        {delegate.isOrganization ? (
+          <Icon className="text-icon-warning" name="organization" />
+        ) : (
+          <Icon className="text-icon-accent" name="individual" />
+        )}
+      </div>
+    );
   }
 
   return <img src={delegate.image} alt={delegate.name} className={cnTw('h-11.5 w-11.5 rounded-full', className)} />;

src/renderer/features/governance/components/Delegations/DelegateTitle.tsx

@@ -1,9 +1,10 @@
-import { useUnit } from 'effector-react';
+import { useStoreMap, useUnit } from 'effector-react';
 
 import { type DelegateAccount } from '@/shared/api/governance';
-import { cnTw, nullable } from '@/shared/lib/utils';
+import { cnTw, nullable, toAccountId } from '@/shared/lib/utils';
 import { HeadlineText } from '@/shared/ui';
 import { Account } from '@/shared/ui-entities';
+import { identityDomain } from '@/domains/identity';
 import { networkSelectorModel } from '../../model/networkSelector';
 
 type Props = {
@@ -13,11 +14,22 @@ type Props = {
 
 export const DelegateTitle = ({ delegate, className }: Props) => {
   const chain = useUnit(networkSelectorModel.$governanceChain);
+
+  const delegateName = useStoreMap({
+    store: identityDomain.identity.$list,
+    keys: [chain?.chainId, delegate.accountId, delegate.address],
+    fn: (identity, [chainId, accountId, address]) => {
+      if (nullable(chainId)) return null;
+
+      return delegate.name ?? identity[chainId]?.[toAccountId(address ?? accountId)]?.name ?? null;
+    },
+  });
+
   if (nullable(chain) || nullable(delegate.accountId)) return null;
 
   return (
     <HeadlineText className={cnTw('w-full', className)}>
-      <Account hideAddress hideIcon title={delegate.name} accountId={delegate.accountId} chain={chain} />
+      <Account hideAddress hideIcon title={delegateName || undefined} accountId={delegate.accountId} chain={chain} />
     </HeadlineText>
   );
 };

src/renderer/widgets/CurrentDelegationsModal/components/CurrentDelegationModal.tsx

@@ -1,6 +1,7 @@
 import { useUnit } from 'effector-react';
 
 import { useI18n } from '@/shared/i18n';
+import { toAccountId } from '@/shared/lib/utils';
 import { Button, Loader } from '@/shared/ui';
 import { Modal, SearchInput } from '@/shared/ui-kit';
 import { OperationTitle } from '@/entities/chain';
@@ -45,16 +46,20 @@ export const CurrentDelegationModal = () => {
 
               <div className="scrollbar-stable flex flex-1 flex-col items-center overflow-y-auto">
                 <ul className="flex w-[400px] flex-col gap-y-2">
-                  {delegationList.map((delegate) => (
-                    <button key={delegate.accountId} onClick={() => delegateDetailsModel.events.flowStarted(delegate)}>
-                      <DelegationCard
-                        key={delegate.accountId}
-                        delegate={delegate}
-                        votes={Object.values(activeDelegations[delegate.accountId] || {})}
-                        tracks={[...new Set(Object.values(activeTracks[delegate.accountId] || {}).flat())]}
-                      />
-                    </button>
-                  ))}
+                  {delegationList.map((delegate) => {
+                    const accountId = toAccountId(delegate.address ?? delegate.accountId);
+
+                    return (
+                      <button key={accountId} onClick={() => delegateDetailsModel.events.flowStarted(delegate)}>
+                        <DelegationCard
+                          key={accountId}
+                          delegate={delegate}
+                          votes={Object.values(activeDelegations[delegate.accountId] || {})}
+                          tracks={[...new Set(Object.values(activeTracks[delegate.accountId] || {}).flat())]}
+                        />
+                      </button>
+                    );
+                  })}
                 </ul>
               </div>
             </>

src/renderer/widgets/DelegationModal/components/DelegationList.tsx

@@ -2,6 +2,7 @@ import { useUnit } from 'effector-react';
 
 import { type DelegateAccount } from '@/shared/api/governance';
 import { useI18n } from '@/shared/i18n';
+import { toAccountId } from '@/shared/lib/utils';
 import { Button, Loader } from '@/shared/ui';
 import { Box, SearchInput, Select } from '@/shared/ui-kit';
 import { SortType } from '../common/constants';
@@ -68,11 +69,15 @@ export const DelegationList = ({ onClick, onAddCustomClick }: Props) => {
 
           <div className="scrollbar-stable flex h-full flex-col items-center overflow-y-auto">
             <ul className="flex w-[400px] flex-col gap-y-2">
-              {delegationList.map((delegate) => (
-                <button key={delegate.accountId} onClick={() => onClick(delegate)}>
-                  <DelegationCard key={delegate.accountId} delegate={delegate} />
-                </button>
-              ))}
+              {delegationList.map((delegate) => {
+                const accountId = toAccountId(delegate.address ?? delegate.accountId);
+
+                return (
+                  <button key={accountId} onClick={() => onClick(delegate)}>
+                    <DelegationCard key={accountId} delegate={delegate} />
+                  </button>
+                );
+              })}
             </ul>
 
             {delegationList.length === 0 && <EmptyState />}