Feature/Transaction metadata

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,
 };

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',
+  };
 };

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>
             </>
           )}

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"
 }

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": "Yes, 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 may contain inappropriate content.",
+    "unmoderatedTransactionData": "Transaction metadata data is not moderated",
+    "unmoderatedWarning": "Warning:"
   },
   "withdrawals": "Withdrawals"
 }

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": "引き出し"
 }

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';

source/features/search/specs/helpers/exampleAddressData.ts

@@ -10,6 +10,7 @@ export const examplePaymentAddressData = {
       fee: '0',
       hash: '927edb96f3386ab91b5f5d85d84cb4253c65b1c2f65fa7df25f81fab1d62987a',
       inputs: [],
+      metadata: [],
       outputs: [
         {
           address:

source/features/search/specs/helpers/exampleTransactionData.ts

@@ -5,6 +5,7 @@ export const exampleTransactionData = {
   fee: '0',
   id: '927edb96f3386ab91b5f5d85d84cb4253c65b1c2f65fa7df25f81fab1d62987a',
   inputs: [],
+  metadata: [],
   outputs: [
     {
       address: 'Ae2tdPwUPEZ9vtyppa1FdJzvqJZkEcXgdHxVYAzTWcPaoNycVq5rc36LC1S',

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);
     });
   });
 });

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
+        );
       });
     }
   };