fix: display address as H160 for inkv6

Author: AlexD10S

src/ui/components/account/Select.tsx

@@ -7,7 +7,7 @@ import { Dropdown } from '../common/Dropdown';
 import { Account } from './Account';
 import { createAccountOptions } from 'ui/util/dropdown';
 import type { DropdownOption, DropdownProps, ValidFormField } from 'types';
-import { useApi, useDatabase } from 'ui/contexts';
+import { useApi, useDatabase, useVersion } from 'ui/contexts';
 import { classes } from 'lib/util';
 import { useDbQuery } from 'ui/hooks';
 
@@ -43,15 +43,21 @@ function Select({
 
 export function AccountSelect({ placeholder = 'Select account', ...props }: Props) {
   const { accounts } = useApi();
+  const { version } = useVersion();
 
   return (
-    <Select options={createAccountOptions(accounts || [])} placeholder={placeholder} {...props} />
+    <Select
+      options={createAccountOptions(accounts || [], version)}
+      placeholder={placeholder}
+      {...props}
+    />
   );
 }
 
 export function AddressSelect({ placeholder = 'Select account', onChange, ...props }: Props) {
   const { accounts } = useApi();
   const { db } = useDatabase();
+  const { version } = useVersion();
   const [contracts] = useDbQuery(() => db.contracts.toArray(), [db]);
   const [recent, setRecent] = useState<DropdownOption<string>[]>([]);
 
@@ -63,7 +69,7 @@ export function AddressSelect({ placeholder = 'Select account', onChange, ...pro
       },
       {
         label: 'My Accounts',
-        options: createAccountOptions(accounts || []),
+        options: createAccountOptions(accounts || [], version),
       },
       {
         label: 'Uploaded Contracts',

src/ui/util/dropdown.tsx

@@ -1,6 +1,7 @@
 // Copyright 2022-2024 use-ink/contracts-ui authors & contributors
 // SPDX-License-Identifier: GPL-3.0-only
 
+import { InkVersion } from 'ui/contexts';
 import { MessageSignature } from '../components/message/MessageSignature';
 import {
   AbiConstructor,
@@ -10,6 +11,7 @@ import {
   Registry,
   Account,
 } from 'types';
+import { toEthAddress } from 'lib/address';
 
 export function createConstructorOptions(
   registry: Registry,
@@ -31,10 +33,13 @@ export function createMessageOptions(
   }));
 }
 
-export function createAccountOptions(data: Account[]): DropdownOption<string>[] {
+export function createAccountOptions(
+  data: Account[],
+  version: InkVersion,
+): DropdownOption<string>[] {
   return data.map(pair => ({
     label: pair.meta?.name as string,
-    value: pair.address || '',
+    value: (version === 'v6' ? toEthAddress(pair.address) : pair.address) || '',
   }));
 }