e.stopPropagation()}>
-
- ×
-
-
-
Choose a Cluster
+
+
CHOOSE A CLUSTER
+
+ ×
+
+
{showDeveloperSettings && (
<>
-
Developer Settings
+
DEVELOPER SETTINGS
Enable custom url param
@@ -62,10 +63,7 @@ export function ClusterModal() {
id="cardToggle"
onChange={onToggleCustomUrlFeature}
/>
-
+
@@ -173,8 +171,8 @@ function ClusterToggle() {
);
const btnClass = active
- ? `border-${activeSuffix} text-${activeSuffix}`
- : "btn-white";
+ ? `bg-${activeSuffix}`
+ : "bg-custom";
const clusterLocation = (location: Location) => {
const params = new URLSearchParams(location.search);
@@ -193,10 +191,10 @@ function ClusterToggle() {
return (
- {`${clusterName(net)}: `}
+ {`${clusterName(net)}: `}
{clusterUrl(net, customUrl).replace("explorer-", "")}
diff --git a/src/components/ClusterStatusButton.tsx b/src/components/ClusterStatusButton.tsx
index dd42c9d..0337ef0 100644
--- a/src/components/ClusterStatusButton.tsx
+++ b/src/components/ClusterStatusButton.tsx
@@ -42,7 +42,7 @@ function Button() {
case ClusterStatus.Connected:
return (
-
+
{statusName}
);
@@ -54,7 +54,7 @@ function Button() {
className={spinnerClasses}
role="status"
aria-hidden="true"
- >
+ />
{statusName}
);
@@ -62,7 +62,7 @@ function Button() {
case ClusterStatus.Failure:
return (
-
+
{statusName}
);
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 843373a..ee993ba 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,67 +1,34 @@
import React from "react";
-import Logo from "img/logos-solana/dark-explorer-logo.svg";
-import { clusterPath } from "utils/url";
-import { Link, NavLink } from "react-router-dom";
-import { ClusterStatusButton } from "components/ClusterStatusButton";
+import Switch from 'react-switch';
+import {ClusterStatusButton} from "components/ClusterStatusButton";
+import {SearchBar} from "./SearchBar";
+import {IProps, ThemeMode} from "../index";
-export function Navbar() {
- // TODO: use `collapsing` to animate collapsible navbar
- const [collapse, setCollapse] = React.useState(false);
-
- return (
-