otterscan/src/Address.tsx
2022-08-22 19:17:04 -03:00

29 lines
840 B
TypeScript

import React from "react";
import { useSearchParams } from "react-router-dom";
import AddressMainPage from "./AddressMainPage";
const AddressTransactionByNonce = React.lazy(
() => import("./AddressTransactionByNonce")
);
/**
* This is the default handler for /address/* URL path.
*
* It can redirect to different child components depending on search
* query params, so it is not possible to use default path routing
* mechanisms to declarative-model them.
*/
const Address: React.FC = () => {
// Search address by nonce === transaction @ nonce
const [searchParams] = useSearchParams();
const rawNonce = searchParams.get("nonce");
if (rawNonce !== null) {
return <AddressTransactionByNonce rawNonce={rawNonce} />;
}
// Standard address main page with tabs
return <AddressMainPage />;
};
export default Address;