diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index 8498c2d..e22243d 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -1,13 +1,8 @@
import { redirect } from "next/navigation";
-import { JetBrains_Mono } from "next/font/google";
import { createClient } from "@/lib/supabase/server";
+import { jetbrainsMono } from "@/lib/fonts";
import { AdminMembersTable } from "./admin-members-table";
-const jetbrainsMono = JetBrains_Mono({
- subsets: ["latin"],
- weight: ["500", "700"],
-});
-
export default async function AdminPage() {
const supabase = await createClient();
const {
diff --git a/src/components/header.tsx b/src/components/header.tsx
index 910ee82..cdc3b2b 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -7,10 +7,11 @@ import { createClient } from "@/lib/supabase/client";
import { LaurelWreath } from "@/components/laurel-wreath";
import { Avatar } from "@/components/avatar";
import { AgoraLogo } from "@/components/agora-logo";
+import { jetbrainsMono } from "@/lib/fonts";
import {
IconScroll,
IconPerson,
- IconColumn,
+ IconTerminal,
IconLogout,
IconChevronDown,
IconCalendar,
@@ -22,6 +23,7 @@ type MenuEntry = {
href: string;
label: string;
icon: React.ReactNode;
+ labelClassName?: string;
};
function MenuLink({
@@ -42,7 +44,7 @@ function MenuLink({
}`}
>
{entry.icon}
- {entry.label}
+ {entry.label}
);
}
@@ -101,7 +103,8 @@ export function Header({
entries.push({
href: "/admin",
label: "Admin",
- icon: ,
+ icon: ,
+ labelClassName: jetbrainsMono.className,
});
}
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index cad1a64..70a1f73 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -40,6 +40,15 @@ export function IconColumn({ className = base }: IconProps) {
);
}
+export function IconTerminal({ className = base }: IconProps) {
+ return (
+
+ );
+}
+
export function IconLogout({ className = base }: IconProps) {
return (