29 lines
840 B
TypeScript
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;
|