Migrating address component

package.json

@@ -47,7 +47,7 @@
     "postpublish": "pinst --enable"
   },
   "dependencies": {
-    "eth-hooks": "^4.0.48",
+    "eth-hooks": "^4.5.1",
     "ethers": "^5.6.4",
     "lodash.isequal": "^4.5.0",
     "merge-anything": "^5.0.2",

src/components/address/address.tsx

@@ -0,0 +1,31 @@
+import { useResolveEnsName } from 'eth-hooks/dapps';
+import { TEthersProvider } from 'eth-hooks/models';
+
+export interface AddressProps {
+  address: string;
+  ensProvider?: TEthersProvider;
+  blockExplorer?: string;
+}
+
+export interface AddressResult {
+  shortAddress: string;
+  ensName?: string;
+  explorerLink: string;
+}
+
+const blockExplorerLink = (address: string, blockExplorer?: string): string =>
+  `${blockExplorer || 'https://etherscan.io/'}address/${address}`;
+
+export const useAddress = (props: AddressProps): AddressResult => {
+  const address = props.address;
+  const [ensName] = useResolveEnsName(props.ensProvider, address);
+  const explorerLink = blockExplorerLink(address, props.blockExplorer);
+
+  const shortAddress = address ? `${address.substring(0, 5)}...${address.substring(address.length - 4)}` : '';
+
+  return {
+    shortAddress,
+    ensName,
+    explorerLink,
+  };
+};

src/components/address/index.ts

@@ -0,0 +1 @@
+export * from './address';

src/index.ts

@@ -1 +1,2 @@
 export * from './components/eth-balance';
+export * from './components/address';