-
Beta
-
Solana Explorer
+
setShowModal(true)} />
diff --git a/explorer/src/components/NetworkModal.tsx b/explorer/src/components/NetworkModal.tsx
index cc1df8890..201dd2e82 100644
--- a/explorer/src/components/NetworkModal.tsx
+++ b/explorer/src/components/NetworkModal.tsx
@@ -29,19 +29,7 @@ function NetworkModal({ show, onClose }: Props) {
×
- Explorer Settings
-
-
- Preferences will not be saved (yet).
-
-
-
-
- Cluster
-
-
- Connect to your preferred cluster.
-
+ Choose a Cluster
@@ -82,7 +70,7 @@ function CustomNetworkInput({ activeSuffix, active }: InputProps) {
/>
@@ -135,8 +123,8 @@ function NetworkToggle() {
checked={active}
onChange={() => updateNetwork(dispatch, net, customUrl)}
/>
- {`${networkName(net)}: `}
-
{networkUrl(net, customUrl)}
+ {`${networkName(net)}`}
+
{networkUrl(net, customUrl)}
);
})}
diff --git a/explorer/src/components/NetworkStatusButton.tsx b/explorer/src/components/NetworkStatusButton.tsx
index e4d69882c..308e12f70 100644
--- a/explorer/src/components/NetworkStatusButton.tsx
+++ b/explorer/src/components/NetworkStatusButton.tsx
@@ -11,8 +11,7 @@ function NetworkStatusButton({ onClick }: { onClick: () => void }) {
function Button() {
const { status, network, name, customUrl } = useNetwork();
- const statusName =
- network !== Network.Custom ? `${name} Cluster` : `${customUrl}`;
+ const statusName = network !== Network.Custom ? `${name}` : `${customUrl}`;
switch (status) {
case NetworkStatus.Connected:
diff --git a/explorer/src/components/TransactionsCard.tsx b/explorer/src/components/TransactionsCard.tsx
index 2df95ae48..8a927291b 100644
--- a/explorer/src/components/TransactionsCard.tsx
+++ b/explorer/src/components/TransactionsCard.tsx
@@ -51,9 +51,6 @@ function TransactionsCard() {
- |
-
- |
Status |
Signature |
Confirmations |
@@ -63,13 +60,7 @@ function TransactionsCard() {
|
-
- {idCounter + 1}
-
- |
-
-
- New
+ New
|
{error ? {error} : null}
|
@@ -103,7 +94,7 @@ const renderHeader = () => {
-
Transactions
+ Look Up Transaction(s)
diff --git a/explorer/src/components/header.js b/explorer/src/components/header.js
new file mode 100644
index 000000000..fd628a02c
--- /dev/null
+++ b/explorer/src/components/header.js
@@ -0,0 +1,213 @@
+import React, { useState } from "react";
+import { Link } from "gatsby-plugin-intl";
+import { Transition } from "react-transition-group";
+import { Navbar, Dropdown } from "react-bootstrap";
+
+import SolanaDropdownMenu from "./dropdown-menu";
+import SolanaDropdownToggle from "./dropdown-toggle";
+import SolanaLogo from "../img/logos-solana/dark-horizontal-combined-green.png";
+import Fire from "../img/icons/Fire.inline.svg";
+import Bulb from "../img/icons/Bulb.inline.svg";
+import Chat from "../img/icons/Chat.inline.svg";
+import Clipboard from "../img/icons/Clipboard.inline.svg";
+
+const Header = () => {
+ const [showDocumentation, updateShowDocumentation] = useState(false);
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* */}
+
+
+