blockworks-foundation
/
solana
mirror of https://github.com/blockworks-foundation/solana.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Create test account when test url param is present

This commit is contained in:
Justin Starry 2020-04-09 16:09:53 +08:00 committed by Michael Vines
parent 5cf323f9f5
commit 1c1c628b19
3 changed files with 81 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
explorer/src/App.tsx
View File

@ -23,77 +23,79 @@ function App() {
const currentTab = useCurrentTab();
return (
<ClusterProvider>
<TransactionsProvider>
<BlocksProvider>
<ClusterModal
show={showClusterModal}
onClose={() => setShowClusterModal(false)}
/>
<TransactionModal />
<div className="main-content">
<nav className="navbar navbar-expand-xl navbar-light">
<div className="container">
<div className="row align-items-end">
<div className="col">
<img src={Logo} width="250" alt="Solana Explorer" />
</div>
</div>
</div>
</nav>
<div className="header">
<div className="container">
<div className="header-body">
<div className="row align-items-center d-md-none">
<div className="col-12">
<ClusterStatusButton
expand
onClick={() => setShowClusterModal(true)}
/>
</div>
</div>
<div className="row align-items-center">
<AccountsProvider>
<TransactionsProvider>
<BlocksProvider>
<ClusterModal
show={showClusterModal}
onClose={() => setShowClusterModal(false)}
/>
<TransactionModal />
<div className="main-content">
<nav className="navbar navbar-expand-xl navbar-light">
<div className="container">
<div className="row align-items-end">
<div className="col">
<ul className="nav nav-tabs nav-overflow header-tabs">
<li className="nav-item">
<NavLink href="/transactions" tab="Transactions" />
</li>
<li className="nav-item">
<NavLink href="/accounts" tab="Accounts" />
</li>
</ul>
<img src={Logo} width="250" alt="Solana Explorer" />
</div>
<div className="col-auto d-none d-md-block">
<ClusterStatusButton
onClick={() => setShowClusterModal(true)}
/>
</div>
</div>
</nav>
<div className="header">
<div className="container">
<div className="header-body">
<div className="row align-items-center d-md-none">
<div className="col-12">
<ClusterStatusButton
expand
onClick={() => setShowClusterModal(true)}
/>
</div>
</div>
<div className="row align-items-center">
<div className="col">
<ul className="nav nav-tabs nav-overflow header-tabs">
<li className="nav-item">
<NavLink href="/transactions" tab="Transactions" />
</li>
<li className="nav-item">
<NavLink href="/accounts" tab="Accounts" />
</li>
</ul>
</div>
<div className="col-auto d-none d-md-block">
<ClusterStatusButton
onClick={() => setShowClusterModal(true)}
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="container">
<div className="row">
<div className="col-12">
{currentTab === "Transactions" ? <TransactionsCard /> : null}
<div className="container">
<div className="row">
<div className="col-12">
{currentTab === "Transactions" ? (
<TransactionsCard />
) : null}
</div>
</div>
</div>
<div className="row">
<div className="col-12">
<AccountsProvider>
<div className="row">
<div className="col-12">
{currentTab === "Accounts" ? <AccountsCard /> : null}
</AccountsProvider>
</div>
</div>
</div>
</div>
</div>
<Overlay
show={showClusterModal}
onClick={() => setShowClusterModal(false)}
/>
</BlocksProvider>
</TransactionsProvider>
<Overlay
show={showClusterModal}
onClick={() => setShowClusterModal(false)}
/>
</BlocksProvider>
</TransactionsProvider>
</AccountsProvider>
</ClusterProvider>
);
}

4
explorer/src/providers/accounts.tsx
View File

@ -55,7 +55,7 @@ interface Input {
}
type Action = Update | Input;
type Dispatch = (action: Action) => void;
export type Dispatch = (action: Action) => void;
function reducer(state: State, action: Action): State {
switch (action.type) {
@ -175,7 +175,7 @@ export async function fetchAccountInfo(
let details;
let lamports;
try {
const result = await new Connection(url).getAccountInfo(
const result = await new Connection(url, "recent").getAccountInfo(
new PublicKey(address)
);
if (result === null) {

20
explorer/src/providers/transactions.tsx
View File

@ -8,6 +8,12 @@ import {
import { findGetParameter, findPathSegment } from "../utils";
import { useCluster, ClusterStatus } from "../providers/cluster";
import base58 from "bs58";
import {
useAccountsDispatch,
fetchAccountInfo,
Dispatch as AccountsDispatch,
ActionType as AccountsActionType
} from "./accounts";
export enum Status {
Checking,
@ -181,6 +187,7 @@ export function TransactionsProvider({ children }: TransactionsProviderProps) {
const [state, dispatch] = React.useReducer(reducer, undefined, initState);
const { status, url } = useCluster();
const accountsDispatch = useAccountsDispatch();
// Check transaction statuses on startup and whenever cluster updates
React.useEffect(() => {
@ -188,7 +195,7 @@ export function TransactionsProvider({ children }: TransactionsProviderProps) {
// Create a test transaction
if (findGetParameter("test") !== null) {
createTestTransaction(dispatch, url);
createTestTransaction(dispatch, accountsDispatch, url);
}
Object.keys(state.transactions).forEach(signature => {
@ -205,7 +212,11 @@ export function TransactionsProvider({ children }: TransactionsProviderProps) {
);
}
async function createTestTransaction(dispatch: Dispatch, url: string) {
async function createTestTransaction(
dispatch: Dispatch,
accountsDispatch: AccountsDispatch,
url: string
) {
const testKey = process.env.REACT_APP_TEST_KEY;
let testAccount = new Account();
if (testKey) {
@ -221,6 +232,11 @@ async function createTestTransaction(dispatch: Dispatch, url: string) {
);
dispatch({ type: ActionType.InputSignature, signature });
checkTransactionStatus(dispatch, signature, url);
accountsDispatch({
type: AccountsActionType.Input,
pubkey: testAccount.publicKey
});
fetchAccountInfo(accountsDispatch, testAccount.publicKey.toBase58(), url);
} catch (error) {
console.error("Failed to create test success transaction", error);
}