{
let blocks;
if (text === null || text === undefined || text.trim().length === 0) {
- blocks = await BlocksApi.getLatestBlocksInfo();
+ blocks = await new BlocksApi().getLatestBlocksInfo();
} else {
- blocks = await BlocksApi.searchBlocks(text);
+ blocks = await new BlocksApi().searchBlocks(text);
}
setBlocks(() => blocks);
diff --git a/frontend/src/components/blocks/BlocksList.jsx b/frontend/src/components/blocks/BlocksList.jsx
index 43c67942f..ec48e3487 100644
--- a/frontend/src/components/blocks/BlocksList.jsx
+++ b/frontend/src/components/blocks/BlocksList.jsx
@@ -1,17 +1,23 @@
import LoadingOverlay from "react-loading-overlay";
-import * as BlocksApi from "../../libraries/explorer-wamp/blocks";
+import BlocksApi from "../../libraries/explorer-wamp/blocks";
import BlocksRow from "./BlocksRow";
export default class extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this._blocksApi = new BlocksApi();
+ }
+
componentDidMount() {
this._blockLoader = document.getElementById("block-loader");
document.addEventListener("scroll", this._onScroll);
this._loadBlocks();
- BlocksApi.getTotal().then(total => {
+ this._blocksApi.getTotal().then(total => {
this.props.setPagination(pagination => {
return { ...pagination, total };
});
@@ -60,7 +66,7 @@ export default class extends React.Component {
_loadBlocks = async () => {
let blocks;
if (this.props.pagination.stop === null) {
- blocks = await BlocksApi.getLatestBlocksInfo();
+ blocks = await this._blocksApi.getLatestBlocksInfo();
} else {
blocks = await this._getNextBatch(this.props.pagination);
}
@@ -81,12 +87,12 @@ export default class extends React.Component {
let blocks = [];
try {
if (pagination.search) {
- blocks = await BlocksApi.searchBlocks(
+ blocks = await this._blocksApi.searchBlocks(
pagination.search,
pagination.stop
);
} else {
- blocks = await BlocksApi.getPreviousBlocks(
+ blocks = await this._blocksApi.getPreviousBlocks(
pagination.stop,
pagination.count
);
diff --git a/frontend/src/components/dashboard/DashboardHeader.jsx b/frontend/src/components/dashboard/DashboardHeader.jsx
index 91fca9148..04dea2f22 100644
--- a/frontend/src/components/dashboard/DashboardHeader.jsx
+++ b/frontend/src/components/dashboard/DashboardHeader.jsx
@@ -67,9 +67,9 @@ export default ({
- Filter 1
- Filter 2
- Filter 3
+ Accounts
+ Transactions
+ Blocks
@@ -79,7 +79,7 @@ export default ({
🔎
(
{SuccessValue}
+
+ );
+ }
+ } else {
+ if ("Failure" in (receipt.outcome.status as T.ReceiptFailure)) {
+ const { Failure } = receipt.outcome.status as T.ReceiptFailure;
+ statusInfo = (
+ <>
+ Failure:
+ {JSON.stringify(Failure, null, 2)}
+
+ );
+ } else {
+ statusInfo = {receipt.outcome.status};
+ }
+ }
+
+ return (
+ {receipt.outcome.logs.join("\n")}
+ )}
+
+
+
+
+
+
+
+
+ {transaction.blockHash}
+
+ }
+ className="transaction-card-block-hash border-0"
+ />
+
+
+
+
+ );
+};
diff --git a/frontend/src/components/transactions/Transactions.tsx b/frontend/src/components/transactions/Transactions.tsx
index 07a81c76f..e4e875758 100644
--- a/frontend/src/components/transactions/Transactions.tsx
+++ b/frontend/src/components/transactions/Transactions.tsx
@@ -1,29 +1,47 @@
import React from "react";
-import * as TransactionsApi from "../../libraries/explorer-wamp/transactions";
+import TransactionsApi, * as T from "../../libraries/explorer-wamp/transactions";
import TransactionsList from "./TransactionsList";
export interface Props {
accountId?: string;
blockHash?: string;
+ reversed: boolean;
+ limit: number;
}
export interface State {
- transactions: TransactionsApi.Transaction[] | null;
+ transactions: T.Transaction[] | null;
}
export default class extends React.PureComponent
+
,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ New account created:
+
+ @receiver.test
+
+
+
+
+
+ by
+
+ @signer.test
+
+
+
+
+
+
+
+
+ BvJeW6g...
+
+
+
+
+
+
+ Completed
+
+
+
+ 1s ago
+
+
+
+
,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Transferred 10.00000 Ⓝ to
+
+ @receiver.test
+
+
+
+
+
+ by
+
+ @signer.test
+
+
+
+
+
+
+
+
+ BvJeW6g...
+
+
+
+
+
+
+ Completed
+
+
+
+ 1s ago
+
+
+
+
,
+]
+`;
-exports[`
+
+
+
+
+
+
+
+
+
+
+
+
+
+ New key added for
+
+ @receiver.test
+
+ : ed25519:8LXEySy...
+
+
+
+
+ by
+
+ @signer.test
+
+
+
+
+
+
+
+
+ BvJeW6g...
+
+
+
+
+
+
+ Completed
+
+
+
+ 1s ago
+
+
+
+
,
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ New account created:
+
+ @receiver.test
+
+
+
+
+
+ by
+
+ @signer.test
+
+
+
+
+
+
+
+
+ BvJeW6g...
+
+
+
+
+
+
+ Completed
+
+
+
+ 1s ago
+
+
+
+
,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Transferred 10.00000 Ⓝ to
+
+ @receiver.test
+
+
+
+
+
+ by
+
+ @signer.test
+
+
+
+
+
+
+
+
+ BvJeW6g...
+
+
+
+
+
+
+ Completed
+
+
+
+ 1s ago
+
+
+
+
,
+]
+`;
diff --git a/frontend/src/components/transactions/__tests__/__snapshots__/ReceiptRow.test.tsx.snap b/frontend/src/components/transactions/__tests__/__snapshots__/ReceiptRow.test.tsx.snap
new file mode 100644
index 000000000..9bb23f623
--- /dev/null
+++ b/frontend/src/components/transactions/__tests__/__snapshots__/ReceiptRow.test.tsx.snap
@@ -0,0 +1,51 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ New key added for
+
+ @receiver.test
+
+ : ed25519:8LXEySy...
+
+
+
+
+ by
+
+ @signer.test
+
+
+
+
+
+
+
+
+ BvJeW6g...
+
+
+
+
+
+
+ Completed
+
+
+
+ 1s ago
+
+
+
+
+`;
diff --git a/frontend/src/components/transactions/__tests__/__snapshots__/ReceiptsList.test.tsx.snap b/frontend/src/components/transactions/__tests__/__snapshots__/ReceiptsList.test.tsx.snap
new file mode 100644
index 000000000..dff3cbe17
--- /dev/null
+++ b/frontend/src/components/transactions/__tests__/__snapshots__/ReceiptsList.test.tsx.snap
@@ -0,0 +1,151 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`
+
+
+
+
+
+
+
+
+ No result
+
+
+
+
+ No logs
+
+
+
+
+
+
+ 9uZxS2c...
+
+
+
,
+
+
+
+
+
+
+
+
+
+ No result
+
+
+
+
+ No logs
+
+
+
+
+
+
+ 9uZxS2c...
+
+
+
,
+
+
+
+
+
+
+
+
+
+ Empty result
+
+
+
+
+
+ + LOG: Counter is now: 1 ++
+
+
+
+
+ A8HaLh5...
+
+
+
,
+]
+`;
diff --git a/frontend/src/components/transactions/__tests__/__snapshots__/TransactionDetails.test.tsx.snap b/frontend/src/components/transactions/__tests__/__snapshots__/TransactionDetails.test.tsx.snap
new file mode 100644
index 000000000..32c84e81c
--- /dev/null
+++ b/frontend/src/components/transactions/__tests__/__snapshots__/TransactionDetails.test.tsx.snap
@@ -0,0 +1,209 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`
+
+
+
+
+
+
+
+
+ Empty result
+
+
+
+
+ No logs
+
+
+
+
+
+
+ A5oSQ6z...
+
+
+
+`;
diff --git a/frontend/src/components/transactions/__tests__/__snapshots__/TransactionsList.test.tsx.snap b/frontend/src/components/transactions/__tests__/__snapshots__/TransactionsList.test.tsx.snap
index db418f2b8..38f1a9e06 100644
--- a/frontend/src/components/transactions/__tests__/__snapshots__/TransactionsList.test.tsx.snap
+++ b/frontend/src/components/transactions/__tests__/__snapshots__/TransactionsList.test.tsx.snap
@@ -1,3 +1,443 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`
+
+
+
+
+
+
+
+
+
+
+ 
+ Signed by
+
+
+ Signed by
+
+
+ @signer.test
+
+
+
+
+
+
+
+
+
+
+
+
+ Receiver
+
+
+
+ Receiver
+
+
+
+
+
+
+
+
+
+ 
+ Status
+
+
+ Status
+
+ Completed
+
+
+
+
+
+
+
+
+
+
+
+
+ Created
+
+
+ February 01, 2019 at 12:00:00am
+
+
+
+
+
+
+
+
+
+
+ Hash
+
+
+ BvJeW6gnFjkCBKCsRNEBrRLDQCFZNxLAi6uXzmLaVrrj
+
+
+
+
+
+
+
+
+
+
+
+
+ Block Hash
+
+
+
+
,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ New account created:
+
+ @receiver.test
+
+
+
+
+
+ by
+
+ @signer.test
+
+
+
+
+
+
+
+
+ BvJeW6g...
+
+
+
+
+
+
+ Completed
+
+
+
+ 1s ago
+
+
+
+
,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Transferred 10.00000 Ⓝ to
+
+ @receiver.test
+
+
+
+
+
+ by
+
+ @signer.test
+
+
+
+
+
+
+
+
+ BvJeW6g...
+
+
+
+
+
+
+ Completed
+
+
+
+ 1s ago
+
+
+
+
,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ New key added for
+
+ @receiver.test
+
+ : ed25519:8LXEySy...
+
+
+
+
+ by
+
+ @signer.test
+
+
+
+
+
+
+
+
+ BvJeW6g...
+
+
+
+
+
+
+ Completed
+
+
+
+ 1s ago
+
+
+
+
,
+]
+`;
diff --git a/frontend/src/components/transactions/__tests__/common.tsx b/frontend/src/components/transactions/__tests__/common.tsx
index 0b03c3547..8737ad2b3 100644
--- a/frontend/src/components/transactions/__tests__/common.tsx
+++ b/frontend/src/components/transactions/__tests__/common.tsx
@@ -1,4 +1,6 @@
-export const TRANSACTIONS = [
+import * as T from "../../../libraries/explorer-wamp/transactions";
+
+export const TRANSACTIONS: T.Transaction[] = [
{
hash: "BvJeW6gnFjkCBKCsRNEBrRLDQCFZNxLAi6uXzmLaVrrj",
signerId: "signer.test",
@@ -6,6 +8,72 @@ export const TRANSACTIONS = [
status: "Completed",
blockHash: "BvJeW6gnFjkCBKCsRNEBrRLDQCFZNxLAi6uXzmLaVrrj",
blockTimestamp: +new Date(2019, 1, 1),
- actions: []
+ actions: [
+ "CreateAccount" as keyof T.Action,
+ {
+ Transfer: {
+ deposit: "10000000000000000000"
+ } as T.Transfer
+ } as T.Action,
+ {
+ AddKey: {
+ access_key: {
+ nonce: 0,
+ permission: "FullAccess"
+ },
+ public_key: "ed25519:8LXEySyBYewiTTLxjfF1TKDsxxxxxxxxxxxxxxxxxx"
+ } as T.AddKey
+ } as T.Action
+ ],
+ receipts: [
+ {
+ id: "9uZxS2cuZv7yphcidRiwNqDayMxcVRE1zHkAmwrHr1vs",
+ outcome: {
+ logs: [],
+ receipt_ids: ["A8HaLh5pzaeuiq4VVnmgghT6RzCRuiNftkJCZmVQvN3v"],
+ status: { SuccessValue: null },
+ gas_burnt: 0
+ }
+ },
+ {
+ id: "A8HaLh5pzaeuiq4VVnmgghT6RzCRuiNftkJCZmVQvN3v",
+ outcome: {
+ logs: ["LOG: Counter is now: 1"],
+ receipt_ids: ["A5oSQ6z71zWi3X1KFy9xhNzyjj8bQx4wwboWUMnK3dgp"],
+ status: { SuccessValue: "" },
+ gas_burnt: 0
+ }
+ },
+ {
+ id: "A5oSQ6z71zWi3X1KFy9xhNzyjj8bQx4wwboWUMnK3dgp",
+ outcome: {
+ logs: [],
+ receipt_ids: [],
+ status: { SuccessValue: "" },
+ gas_burnt: 0
+ }
+ }
+ ]
+ },
+
+ {
+ hash: "222eW6gnFjkCBKCsRNEBrRLDQCFZNxLAi6uXzmLaVrrj",
+ signerId: "signer2.test",
+ receiverId: "receiver2.test",
+ status: "Completed",
+ blockHash: "222BBBgnFjkCBKCsRNEBrRLDQCFZNxLAi6uXzmLaVrrj",
+ blockTimestamp: +new Date(2019, 1, 1),
+ actions: [
+ {
+ FunctionCall: {
+ result: "",
+ args: "eyJ0ZXh0Ijoid2hlbiBpY28/In0=",
+ deposit: "0",
+ gas: 2000000,
+ method_name: "addMessage"
+ } as T.FunctionCall
+ } as T.Action
+ ],
+ receipts: []
}
];
diff --git a/frontend/src/components/utils/DataProvider.jsx b/frontend/src/components/utils/DataProvider.jsx
deleted file mode 100644
index 5d0902bb3..000000000
--- a/frontend/src/components/utils/DataProvider.jsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useState } from "react";
-
-const DataContext = React.createContext();
-
-const networks = ["Testnet One"];
-
-export default props => {
- const [network, setNetwork] = useState(networks[0]);
-
- return (
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Called method in contract:
+
+ @receiver2.test
+
+
+
+
+
+ by
+
+ @signer2.test
+
+
+
+
+
+
+
+
+ 222eW6g...
+
+
+
+
+
+
+ Completed
+
+
+
+ 1s ago
+
+
+ 
- {context.network}
+
+ {context.currentNearNetwork.name}
+