feat: add multiassets stories for transaction info and address summary

Ref: EX-1123 EX-1124
cardano-foundation · Jan 18, 2021 · 2d37c20 · 2d37c20
1 parent 015ec7b
commit 2d37c20
Show file tree

Hide file tree

Showing 3 changed files with 143 additions and 2 deletions.
diff --git a/source/features/transactions/types.ts b/source/features/transactions/types.ts
@@ -43,6 +43,6 @@ export interface ITransactionDetails {
   outputs?: ITransactionOutput[];
   totalOutput: string;
   withdrawals: IWithdrawal[];
-  mint: IToken[];
-  burn: IToken[];
+  mint?: IToken[];
+  burn?: IToken[];
 }
diff --git a/stories/address.stories.tsx b/stories/address.stories.tsx
@@ -8,6 +8,24 @@ const addressSummary = {
   finalBalance: '89727',
   title: 'Address',
   transactionsCount: '2',
+  tokensBalance: [
+    {
+      assetName: 'PEACEtoken',
+      quantity: '1',
+    },
+    {
+      assetName: 'LINK',
+      quantity: '1160',
+    },
+    {
+      assetName: 'machtl2coin',
+      quantity: '10',
+    },
+    {
+      assetName: 'nutcoin',
+      quantity: '1',
+    },
+  ],
 };
 
 storiesOf('Address Summary', module).add('Address Summary', () => (

diff --git a/stories/transactions.stories.tsx b/stories/transactions.stories.tsx
@@ -164,6 +164,121 @@ export const transactions: ITransactionDetails[] = [
   },
 ];
 
+const transactionMA: ITransactionDetails = {
+  block: {
+    epoch: 781,
+    id: 'd13647a327882b9571d78da42c30c127ee8080cd6a3fc685ee2abd047ee399f5',
+    number: 274992,
+    slot: 5612100,
+  },
+  deposit: '0',
+  fee: '185345',
+  id: 'b81c5239789f54e10a3ef736e0981ff07318b2868f77143ea5ffae306c6a9196',
+  includedAt: new Date(1570095392000),
+  mint: [
+    {
+      assetName: 'machtl2coin',
+      quantity: '5',
+    },
+  ],
+  burn: [
+    {
+      assetName: 'ACL',
+      quantity: '1000',
+    },
+  ],
+  inputs: [
+    {
+      address:
+        'addr_test1qzyh0zdfjmk997fkdrgcm4xmuhcqqd4qgphkmgm3shryrjhkjhp4qfyx33xada55u94c300knphrrgr577gdw5jpc39srpfmlp',
+      sourceTxId:
+        '139bce85b28b94bef98c306867010f30ea60540088c2ec82bf65bd660d3a32fc',
+      sourceTxIndex: 0,
+      value: '491313019',
+      tokens: [
+        {
+          assetName: 'machtl2coin',
+          quantity: '490',
+        },
+        {
+          assetName: 'machtlcoin',
+          quantity: '2000',
+        },
+        {
+          assetName: 'ATADAcoin',
+          quantity: '9900',
+        },
+        {
+          assetName: 'ANQACOINS',
+          quantity: '10',
+        },
+        {
+          assetName: 'adosia',
+          quantity: '7999999300',
+        },
+        {
+          assetName: 'ACL',
+          quantity: '1000000000000',
+        },
+      ],
+    },
+  ],
+  metadata: [
+    {
+      key: 'meta',
+      value: 'Test metadata',
+    },
+  ],
+  outputs: [
+    {
+      address:
+        'addr_test1vplgcajn3d922znzumlqzhwmtz5hkgf3c6a3tlqt3mhl6wse6xkt5',
+      index: 0,
+      value: '2000000',
+      tokens: [
+        {
+          assetName: 'ATADAcoin',
+          quantity: '10',
+        },
+      ],
+    },
+    {
+      address:
+        'ddr_test1qzyh0zdfjmk997fkdrgcm4xmuhcqqd4qgphkmgm3shryrjhkjhp4qfyx33xada55u94c300knphrrgr577gdw5jpc39srpfmlp',
+      index: 1,
+      value: '489127674',
+      tokens: [
+        {
+          assetName: 'ACL',
+          quantity: '1000000000000',
+        },
+        {
+          assetName: 'machtl2coin',
+          quantity: '490',
+        },
+        {
+          assetName: 'ATADAcoin',
+          quantity: '9890',
+        },
+        {
+          assetName: 'ANQACOINS',
+          quantity: '10',
+        },
+        {
+          assetName: 'machtlcoin',
+          quantity: '2000',
+        },
+        {
+          assetName: 'adosia',
+          quantity: '7999999300',
+        },
+      ],
+    },
+  ],
+  totalOutput: '491127674',
+  withdrawals: [],
+};
+
 storiesOf('Transactions', module)
   .addDecorator((story) => <PaddingDecorator>{story()}</PaddingDecorator>)
   .add('Transaction Info', () => (
@@ -181,6 +296,14 @@ storiesOf('Transactions', module)
       {...transactions[0]}
     />
   ))
+  .add('Transaction Info (Multi assets Details)', () => (
+    <TransactionInfo
+      highlightAddress={currentAddress}
+      title="Transaction"
+      showDetails
+      {...transactionMA}
+    />
+  ))
   .add('Transaction List', () => (
     <TransactionList
       title="Transactions"