Feature/Transaction metadata (#372)

* chore: bump @cardano-graphql/client-ts, minimal compat update * Transaction metadata updates * Transaction metadata feature * Transaction metadata feature * Transaction metadata updates * Transaction metadata feature * Transaction metadata feature - adding logic to show/hide unmoderated data * Transaction metadata feature - adding logic to show/hide unmoderated data * Transaction metadata feature - fixing build * Transaction metadata feature - fixing build errors * Transaction metadata feature - fixing build errors * Fix broken feature integration * Transaction metadata feature - fixing metadata display * Transaction metadata feature - fixing metadata display * Transaction metadata feature - fixing metadata display * Transaction metadata feature - fixing metadata display * Transaction metadata feature - fixing translations * Transaction metadata feature - fixing metadata display * Transaction metadata feature - fixing metadata display * Transaction metadata feature - fixing metadata display * Transaction metadata feature - fixing metadata translations * Transaction metadata feature - fixing metadata translations * Transaction metadata feature - fixing metadata translations * Transaction metadata feature - fixing metadata translations * Transaction metadata feature - fixing metadata translations * Transaction metadata feature - fixing metadata translations * Transaction metadata feature - fixing metadata translations * Transaction metadata feature - fixing metadata translations * Transaction metadata feature - fixing metadata translations Co-authored-by: Rhys Bartels-Waller <rhys.bartelswaller@iohk.io> Co-authored-by: Dominik Guzei <dominik.guzei@gmail.com>
cardano-foundation · Dec 11, 2020 · 6c3baa8 · 6c3baa8
1 parent 948c1b2
commit 6c3baa8
Show file tree

Hide file tree

Showing 31 changed files with 497 additions and 249 deletions.
diff --git a/source/environment.ts b/source/environment.ts
@@ -24,7 +24,7 @@ export const environment = {
   IS_SERVER: !isNavigatorDefined,
   PACKAGE: {
     HOMEPAGE: process.env.PACKAGE_HOMEPAGE,
-    VERSION: process.env.PACKAGE_VERSION
+    VERSION: process.env.PACKAGE_VERSION,
   },
   POLLING_INTERVAL: Number(process.env.POLLING_INTERVAL) || 10000,
 };

diff --git a/source/features/address/api/transformers.ts b/source/features/address/api/transformers.ts
@@ -15,8 +15,8 @@ export const paymentAddressDetailTransformer = (
       s.utxos_aggregate?.aggregate?.sum?.value || '0'
     ),
     transactionsCount:
-      s.transactions_aggregate?.aggregate?.count.toString() || '0'
-  }
+      s.transactions_aggregate?.aggregate?.count.toString() || '0',
+  };
 };
 
 export const stakeAddressDetailTransformer = (
@@ -31,6 +31,6 @@ export const stakeAddressDetailTransformer = (
       s.withdrawals_aggregate?.aggregate?.sum?.amount || '0'
     ),
     transactionsCount:
-      s.transactions_aggregate?.aggregate?.count.toString() || '0'
-  }
+      s.transactions_aggregate?.aggregate?.count.toString() || '0',
+  };
 };
diff --git a/source/features/address/ui/AddressSummary.tsx b/source/features/address/ui/AddressSummary.tsx
@@ -19,13 +19,19 @@ export interface IStakeAddressSummaryProps extends IAddressSummaryProps {
   totalWithdrawals: string;
 }
 
-type AddressSummaryProps = IPaymentAddressSummaryProps | IStakeAddressSummaryProps
+type AddressSummaryProps =
+  | IPaymentAddressSummaryProps
+  | IStakeAddressSummaryProps;
 
-function isPaymentAddress (props: AddressSummaryProps): props is IPaymentAddressSummaryProps {
+function isPaymentAddress(
+  props: AddressSummaryProps
+): props is IPaymentAddressSummaryProps {
   return (props as IPaymentAddressSummaryProps).finalBalance !== undefined;
 }
 
-function isStakeAddress (props: AddressSummaryProps): props is IStakeAddressSummaryProps {
+function isStakeAddress(
+  props: AddressSummaryProps
+): props is IStakeAddressSummaryProps {
   return (props as IStakeAddressSummaryProps).totalWithdrawn !== undefined;
 }
 
@@ -70,7 +76,9 @@ const AddressSummary = (props: AddressSummaryProps) => {
                 <div className={styles.infoLabel}>
                   {translate('address.totalWithdrawn')}
                 </div>
-                <div className={styles.infoValue}>{props.totalWithdrawn} ADA</div>
+                <div className={styles.infoValue}>
+                  {props.totalWithdrawn} ADA
+                </div>
               </div>
             </>
           )}

diff --git a/source/features/i18n/translations/de.json b/source/features/i18n/translations/de.json
@@ -143,6 +143,7 @@
     "stakePoolsSearch": "Nach einem bestimmten Stake Pool suchen",
     "stakePoolsTitle": "Stake Pools",
     "unmoderated": "Sie haben zugestimmt, nicht moderierte Stake-Pool Daten anzuzeigen.",
+    "unmoderatedConfirmation": "Ja, nicht moderierten Inhalt anzeigen",
     "unmoderatedContent": "Möchten Sie nicht moderierten Inhalt sehen?",
     "unmoderatedEntitiesControl": "Diese Informationen werden von Stake-Pool-Betreibern bereitgestellt und gehostet und unterliegen nicht der Kontrolle der Unternehmen, die diese Website betreiben.",
     "unmoderatedLeave": "Verlasse diese Seite",
@@ -161,13 +162,22 @@
     "to": "Output-Adressen",
     "id": "Transaktions-ID",
     "includedIn": "Inkludiert in",
+    "metadata": "Metadata",
     "noTransactions": "Keine Transaktionen",
     "pageTitle": "Transaktion | $t(productTitle)",
     "receivedTime": "Erhalten",
     "summary": "Übersicht",
     "totalOutput": "Output Insgesamt",
     "transactionLabel": "Transaktion",
-    "transactionsLabel": "Transaktionen"
+    "transactionsLabel": "Transaktionen",
+    "unmoderated": "Sie haben zugestimmt, nicht moderierte Transaktion Daten anzuzeigen.",
+    "unmoderatedConfirmation": "Ja, nicht moderierten Inhalt anzeigen",
+    "unmoderatedContent": "Möchten Sie nicht moderierten Inhalt sehen?",
+    "unmoderatedEntitiesControl": "Diese Informationen werden von Stake-Pool-Betreibern bereitgestellt und gehostet und unterliegen nicht der Kontrolle der Unternehmen, die diese Website betreiben.",
+    "unmoderatedLeave": "Verlasse diese Seite",
+    "unmoderatedPoolTickerSymbols": "Transaktionen metadaten werden nicht moderiert und enthalten möglicherweise unangemessenen Inhalt.",
+    "unmoderatedTransactionData": "Transaktionen metadaten werden nicht moderiert",
+    "unmoderatedWarning": "Warnung:"
   },
   "withdrawals": "Abhebungen"
 }
diff --git a/source/features/i18n/translations/en.json b/source/features/i18n/translations/en.json
@@ -162,13 +162,22 @@
     "to": "To addresses",
     "id": "Transaction ID",
     "includedIn": "Included In",
+    "metadata": "Metadata",
     "noTransactions": "No Transactions",
     "pageTitle": "Transaction | $t(productTitle)",
     "receivedTime": "Received Time",
     "summary": "Summary",
     "totalOutput": "Total Output",
     "transactionLabel": "Transaction",
-    "transactionsLabel": "Transactions"
+    "transactionsLabel": "Transactions",
+    "unmoderated": "You have consented to view unmoderated transaction data.",
+    "unmoderatedConfirmation": "Show unmoderated content",
+    "unmoderatedContent": "Do you want to see unmoderated content?",
+    "unmoderatedEntitiesControl": "This information is provided and hosted by stake pool operators and it is not in control of entities running this website.",
+    "unmoderatedLeave": "Leave this page",
+    "unmoderatedPoolTickerSymbols": "Transaction metadata is not moderated, and it may contain inappropriate content. The creator of the transaction provides this information and is not in control of this website's operator. Do you want to see the unmoderated content?",
+    "unmoderatedTransactionData": "Unmoderated content",
+    "unmoderatedWarning": "Warning:"
   },
   "withdrawals": "Withdrawals"
 }
diff --git a/source/features/i18n/translations/ja.json b/source/features/i18n/translations/ja.json
@@ -143,6 +143,7 @@
     "stakePoolsSearch": "特定のステークプールを検索する",
     "stakePoolsTitle": "ステークプール",
     "unmoderated": "あなたは管理されていないステークプールデータの表示に同意されています。",
+    "unmoderatedConfirmation": "はい、モデレートされていないコンテンツを表示します",
     "unmoderatedContent": "管理されていないコンテンツを表示しますか。",
     "unmoderatedEntitiesControl": "この情報はステークプールオペレーターが提供、ホストしており、本ウェブサイトを運営している組織の管理下にはありません。",
     "unmoderatedLeave": "このページを離れる",
@@ -161,13 +162,22 @@
     "to": "送信先",
     "id": "トランザクションID",
     "includedIn": "含まれるブロック",
+    "metadata": "メタデータ",
     "noTransactions": "トランザクションはありません",
     "pageTitle": "トランザクション | $t(productTitle)",
     "receivedTime": "受信時間",
     "summary": "概要",
     "totalOutput": "総アウトプット",
     "transactionLabel": "トランザクション",
-    "transactionsLabel": "トランザクション"
+    "transactionsLabel": "トランザクション",
+    "unmoderated": "モデレートされていないトランザクションデータを表示することに同意しました。",
+    "unmoderatedConfirmation": "管理されていないコンテンツを表示する",
+    "unmoderatedContent": "管理されていないコンテンツを表示しますか。",
+    "unmoderatedEntitiesControl": "この情報はステークプールオペレーターが提供、ホストしており、本ウェブサイトを運営している組織の管理下にはありません。",
+    "unmoderatedLeave": "このページを離れる",
+    "unmoderatedPoolTickerSymbols": "トランザクションメタデータは承認制ではなく、不適切な内容を含む場合があります。この情報はトランザクションの作成者が提供するもので、ウェブサイト管理者の管理下にはありません。管理されていないコンテンツを表示しますか。",
+    "unmoderatedTransactionData": "非承認制コンテンツ",
+    "unmoderatedWarning": "警告:"
   },
   "withdrawals": "引き出し"
 }
diff --git a/source/features/search/api/index.ts b/source/features/search/api/index.ts
@@ -10,7 +10,7 @@ import {
   SearchForPaymentAddressQuery,
   SearchForPaymentAddressQueryVariables,
   SearchForStakeAddressQuery,
-  SearchForStakeAddressQueryVariables
+  SearchForStakeAddressQueryVariables,
 } from '../../../typings/graphql-schema';
 import searchByIdQuery from './searchById.graphql';
 import searchForBlockByNumberQuery from './searchForBlockByNumber.graphql';

diff --git a/source/features/search/specs/helpers/exampleAddressData.ts b/source/features/search/specs/helpers/exampleAddressData.ts
@@ -10,6 +10,7 @@ export const examplePaymentAddressData = {
       fee: '0',
       hash: '927edb96f3386ab91b5f5d85d84cb4253c65b1c2f65fa7df25f81fab1d62987a',
       inputs: [],
+      metadata: [],
       outputs: [
         {
           address:

diff --git a/source/features/search/specs/helpers/exampleTransactionData.ts b/source/features/search/specs/helpers/exampleTransactionData.ts
@@ -5,6 +5,7 @@ export const exampleTransactionData = {
   fee: '0',
   id: '927edb96f3386ab91b5f5d85d84cb4253c65b1c2f65fa7df25f81fab1d62987a',
   inputs: [],
+  metadata: [],
   outputs: [
     {
       address: 'Ae2tdPwUPEZ9vtyppa1FdJzvqJZkEcXgdHxVYAzTWcPaoNycVq5rc36LC1S',

diff --git a/source/features/search/specs/searchForStakeAddress.spec.ts b/source/features/search/specs/searchForStakeAddress.spec.ts
@@ -24,15 +24,15 @@ describe('Searching for a stake address summary', () => {
     // 3. Access the observable search result provided by the store
     await waitForExpect(() => {
       expect(
-        parseFloat(search.store?.stakeAddressSearchResult?.totalWithdrawn as string)
-      ).toBeGreaterThanOrEqual(
-        exampleStakeAddressData.totalWithdrawn
-      );
+        parseFloat(
+          search.store?.stakeAddressSearchResult?.totalWithdrawn as string
+        )
+      ).toBeGreaterThanOrEqual(exampleStakeAddressData.totalWithdrawn);
       expect(
-        parseInt(search.store?.stakeAddressSearchResult?.transactionsCount as string)
-      ).toBeGreaterThanOrEqual(
-        exampleStakeAddressData.transactionsCount
-      );
+        parseInt(
+          search.store?.stakeAddressSearchResult?.transactionsCount as string
+        )
+      ).toBeGreaterThanOrEqual(exampleStakeAddressData.transactionsCount);
     });
   });
 });
diff --git a/source/features/search/store.ts b/source/features/search/store.ts
@@ -5,10 +5,14 @@ import { Store } from '../../lib/Store';
 import { isDefined } from '../../lib/types';
 import {
   paymentAddressDetailTransformer,
-  stakeAddressDetailTransformer
+  stakeAddressDetailTransformer,
 } from '../address/api/transformers';
 import { ADDRESS_SEARCH_RESULT_PATH } from '../address/config';
-import { IAddressSummary, IPaymentAddressSummary, IStakeAddressSummary } from '../address/types';
+import {
+  IAddressSummary,
+  IPaymentAddressSummary,
+  IStakeAddressSummary,
+} from '../address/types';
 import { blockDetailsTransformer } from '../blocks/api/transformers';
 import { BLOCK_SEARCH_RESULT_PATH } from '../blocks/config';
 import { IBlockDetailed } from '../blocks/types';
@@ -36,8 +40,10 @@ export enum SearchType {
 export class SearchStore extends Store {
   @observable public blockSearchResult: IBlockDetailed | null = null;
   @observable public epochSearchResult: IEpochOverview | null = null;
-  @observable public paymentAddressSearchResult: IPaymentAddressSummary | null = null;
-  @observable public stakeAddressSearchResult: IStakeAddressSummary | null = null;
+  @observable
+  public paymentAddressSearchResult: IPaymentAddressSummary | null = null;
+  @observable
+  public stakeAddressSearchResult: IStakeAddressSummary | null = null;
   @observable public transactionSearchResult: ITransactionDetails | null = null;
 
   private readonly searchApi: SearchApi;
@@ -75,7 +81,10 @@ export class SearchStore extends Store {
           this.onSearchByEpochNumberRequested,
         ],
         [this.searchActions.searchById, this.searchById],
-        [this.searchActions.searchForPaymentAddress, this.searchForPaymentAddress],
+        [
+          this.searchActions.searchForPaymentAddress,
+          this.searchForPaymentAddress,
+        ],
         [this.searchActions.searchForStakeAddress, this.searchForStakeAddress],
         [
           this.searchActions.searchForBlockByNumber,
@@ -196,7 +205,7 @@ export class SearchStore extends Store {
   };
 
   @action private searchForPaymentAddress = async ({
-    address
+    address,
   }: {
     address: string;
   }) => {
@@ -222,7 +231,10 @@ export class SearchStore extends Store {
         });
       }
       runInAction(() => {
-        this.paymentAddressSearchResult = paymentAddressDetailTransformer(address, result);
+        this.paymentAddressSearchResult = paymentAddressDetailTransformer(
+          address,
+          result
+        );
       });
     }
   };
@@ -251,7 +263,10 @@ export class SearchStore extends Store {
         });
       }
       runInAction(() => {
-        this.stakeAddressSearchResult = stakeAddressDetailTransformer(address, result);
+        this.stakeAddressSearchResult = stakeAddressDetailTransformer(
+          address,
+          result
+        );
       });
     }
   };