Add updated props for address component

MetaMask · Oct 11, 2024 · 408fe8b · 408fe8b
1 parent 02c70c7
commit 408fe8b
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 2 deletions.
diff --git a/packages/examples/packages/browserify-plugin/snap.manifest.json b/packages/examples/packages/browserify-plugin/snap.manifest.json
@@ -7,7 +7,7 @@
  "url": "https://github.com/MetaMask/snaps.git"
  },
  "source": {
- "shasum": "HEAbfXBUqw5fNP+sJVyvUpXucZy6CwiCFXJi36CEfUw=",
+ "shasum": "3/BuUTwY9FEKC+WoGDR8gUxkYp02eE8qhlgb5yLRs+o=",
  "location": {
  "npm": {
  "filePath": "dist/bundle.js",

diff --git a/packages/examples/packages/browserify/snap.manifest.json b/packages/examples/packages/browserify/snap.manifest.json
@@ -7,7 +7,7 @@
  "url": "https://github.com/MetaMask/snaps.git"
  },
  "source": {
- "shasum": "mCoDlMSdhDJAXd9zT74ST7jHysifHdQ8r0++b8uPbOs=",
+ "shasum": "564aSuXVGtNUkWdP5vpW+yD6g7kCYhW/tIKP/NEjPzg=",
  "location": {
  "npm": {
  "filePath": "dist/bundle.js",

diff --git a/packages/snaps-sdk/src/jsx/components/Address.test.tsx b/packages/snaps-sdk/src/jsx/components/Address.test.tsx
@@ -14,4 +14,26 @@ describe('Address', () => {
  },
  });
  });
+
+ it('renders an address with customized props', () => {
+ const result = (
+ <Address
+ address="0x1234567890123456789012345678901234567890"
+ truncate={true}
+ displayName={true}
+ avatar={false}
+ />
+ );
+
+ expect(result).toStrictEqual({
+ type: 'Address',
+ key: null,
+ props: {
+ address: '0x1234567890123456789012345678901234567890',
+ truncate: true,
+ displayName: true,
+ avatar: false,
+ },
+ });
+ });
 });
diff --git a/packages/snaps-sdk/src/jsx/components/Address.ts b/packages/snaps-sdk/src/jsx/components/Address.ts
@@ -10,6 +10,9 @@ import { createSnapComponent } from '../component';
  */
 export type AddressProps = {
  address: `0x${string}` | CaipAccountId;
+ truncate?: boolean;
+ displayName?: boolean;
+ avatar?: boolean;
 };
 
 const TYPE = 'Address';

diff --git a/packages/snaps-sdk/src/jsx/validation.ts b/packages/snaps-sdk/src/jsx/validation.ts
@@ -472,6 +472,9 @@ export const FormattingStruct: Describe<StandardFormattingElement> = typedUnion(
  */
 export const AddressStruct: Describe<AddressElement> = element('Address', {
  address: nullUnion([HexChecksumAddressStruct, CaipAccountIdStruct]),
+ truncate: optional(boolean()),
+ displayName: optional(boolean()),
+ avatar: optional(boolean()),
 });
 
 /**