diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index 0a34b04..9a785cc 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -5,8 +5,8 @@ import SearchBar from "@/components/Searchbar";
import Link from "next/link";
import Image from "next/image";
import { ThemeToggleButton } from "../ThemeToggleButton";
-import radiantLogoRainbow from "./radiant-logo-rainbow.png";
-import radiantLogoBw from "./radiant-logo-bw.png";
+import radiantLogoLight from "./radiant-logo-light.png";
+import radiantLogoDark from "./radiant-logo-dark.png";
import { workSans } from "@/app/fonts";
import {
Breadcrumb,
@@ -17,6 +17,7 @@ import {
// BreadcrumbPage,
BreadcrumbSeparator,
} from "@/components/ui/breadcrumb";
+// TODO: Add collapsing menu for mobile
// import {
// DropdownMenu,
// DropdownMenuContent,
@@ -25,30 +26,28 @@ import {
// } from "@/components/ui/dropdown-menu";
import { usePathname } from "next/navigation";
-const RadiantLogoRainbow = ({ width, height, className } : { width: number, height: number, className?: string }) => {
+const RadiantLogoDark = ({ width, height, className } : { width: number, height: number, className?: string }) => {
return (
-
+
);
};
-const RadiantLogoBw = ({ width, height, className } : { width: number, height: number, className?: string }) => {
+const RadiantLogoLight = ({ width, height, className } : { width: number, height: number, className?: string }) => {
return (
-
+
);
};
// const LEGAL_BREADCRUMB_SEGMENTS = ["transactions", "transaction", "blocks", "block", "ibc", "client", "clients", "channels", "channel", "connections", "connection", "gov", "dex", "staking"] as const;
// type BreadcrumbSegment = typeof LEGAL_BREADCRUMB_SEGMENTS[number];
-
// const isBreadcrumbPath = (path: string) : path is BreadcrumbSegment => {
// const _legal: readonly string[] = LEGAL_BREADCRUMB_SEGMENTS;
// return _legal.includes(path);
// };
-
// TBQF I don't think this sort of error checking is necessary. If anything, it'll cause errors whenever new paths are updated.
// if (!segments.every(isBreadcrumbPath)) return null;
@@ -76,11 +75,11 @@ const Breadcrumbs = () => {
const isTable = isTablePath(segments);
// Handle case of /{transactions|blocks} and /ibc/{clients|channels|connections}
- // if length === 2 && isIbc => ibc table
if (isTable) {
- const pathKind = isIbc ? segments[1] : segments[0];
- const _href = isIbc ? `/ibc/${pathKind}` : `/${pathKind}`;
- const linkText = isIbc ? `IBC ${capitalize(pathKind)}` : `Recent ${capitalize(pathKind)}`;
+ // /{transactions|blocks|clients|channels|connections}
+ const parent = isIbc ? segments[1] : segments[0];
+ const _href = isIbc ? `/ibc/${parent}` : `/${parent}`;
+ const linkText = isIbc ? `IBC ${capitalize(parent)}` : `Recent ${capitalize(parent)}`;
return (
@@ -98,11 +97,16 @@ const Breadcrumbs = () => {
}
if (isBlockOrTx || isIbc) {
+ // /{transaction|block|client|channel|connection}
const parent = isIbc ? segments[1] : segments[0];
+ // /{parent}/{hash|height|ibc-identifier}
const slug = isIbc ? segments[2] : segments[1];
+ // table routes are always just the pluralized form of the singular so transaction => transactions, client => clients, etc
const parentTable = parent + "s";
+ // only difference is to prefix URI with /ibc if it's ibc related
const tableRef = isIbc ? `/ibc/${parentTable}` : `/${parentTable}`;
const _href = isIbc ? `/ibc/${parent}/${slug}` : `/${parent}/${slug}`;
+ // Same prefixing but for the "current" breadcrumb
const linkText = isIbc ? `IBC ${capitalize(parent)} Summary` : `${capitalize(parent)} Summary`;
return (
@@ -130,8 +134,8 @@ export const Navbar : FC = () => {
-
-
+
+
Cuiloa
diff --git a/src/components/Navbar/radiant-logo-bw.png b/src/components/Navbar/radiant-logo-bw.png
deleted file mode 100644
index c210cf2..0000000
Binary files a/src/components/Navbar/radiant-logo-bw.png and /dev/null differ
diff --git a/src/components/Navbar/radiant-logo-dark.png b/src/components/Navbar/radiant-logo-dark.png
new file mode 100644
index 0000000..dfd8ebe
Binary files /dev/null and b/src/components/Navbar/radiant-logo-dark.png differ
diff --git a/src/components/Navbar/radiant-logo-light.png b/src/components/Navbar/radiant-logo-light.png
new file mode 100644
index 0000000..e0906a2
Binary files /dev/null and b/src/components/Navbar/radiant-logo-light.png differ
diff --git a/src/components/Navbar/radiant-logo-rainbow.png b/src/components/Navbar/radiant-logo-rainbow.png
deleted file mode 100644
index 1a9c2d3..0000000
Binary files a/src/components/Navbar/radiant-logo-rainbow.png and /dev/null differ