From 28356949f97f38dbfa9cbfe3a5fdaee7f37357b3 Mon Sep 17 00:00:00 2001
From: Aly Raffauf <aly@aly.codes>
Date: Fri, 24 Apr 2026 02:40:44 +0000
Subject: [PATCH] web/sysop: add breadcrumbs for edit + mod panels

---
 web/src/pages/SysopEdit.tsx | 8 ++++++++
 web/src/pages/SysopModerate.tsx | 9 +++++++++
 2 file(s) changed, 17 insertion(s)(+), 0 deletion(s)(-)

diff --git a/web/src/pages/SysopEdit.tsx b/web/src/pages/SysopEdit.tsx
--- a/web/src/pages/SysopEdit.tsx
+++ b/web/src/pages/SysopEdit.tsx
@@ -6,6 +6,7 @@
 import { BOARD } from "../lib/lexicon";
 import { makeAtUri, nowIso } from "../lib/util";
 import * as limits from "../lib/limits";
+import { useBreadcrumb } from "../hooks/useBreadcrumb";
 import { usePageTitle } from "../hooks/usePageTitle";
 import { bbsQuery } from "../lib/queries";
 import { Input, Textarea, Button } from "../components/form/Form";
@@ -34,6 +35,13 @@
   const [error, setError] = useState<string | null>(null);
 
   usePageTitle("Edit community — atbbs");
+  useBreadcrumb(
+    [
+      { label: bbs.site.name, to: `/bbs/${user!.handle}` },
+      { label: "Edit" },
+    ],
+    [bbs, user!.handle],
+  );
 
   async function onSubmit(e: SyntheticEvent) {
     e.preventDefault();
diff --git a/web/src/pages/SysopModerate.tsx b/web/src/pages/SysopModerate.tsx
--- a/web/src/pages/SysopModerate.tsx
+++ b/web/src/pages/SysopModerate.tsx
@@ -4,6 +4,7 @@
 import { bbsQuery, sysopModerationQuery } from "../lib/queries";
 import HandleInput from "../components/form/HandleInput";
 import { Button } from "../components/form/Form";
+import { useBreadcrumb } from "../hooks/useBreadcrumb";
 import { usePageTitle } from "../hooks/usePageTitle";
 import { useModerationMutations } from "../hooks/useModerationMutations";
 
@@ -60,6 +61,14 @@
     sysopModerationQuery(user!.pdsUrl, user!.did),
   );
   const { banRkeys, bannedHandles, hideRkeys, hidden } = moderation;
+
+  useBreadcrumb(
+    [
+      { label: bbs.site.name, to: `/bbs/${user!.handle}` },
+      { label: "Moderate" },
+    ],
+    [bbs, user!.handle],
+  );
 
   const { ban, unban, hide, unhide } = useModerationMutations();
 

--
tangled.sh