v3: added site-wide categories, added admin category management, various visual fixes

src/pages/Dump.tsx

@@ -24,6 +24,7 @@ import {
 } from "../model.ts";
 
 import { useAuth } from "../hooks/useAuth.ts";
+import { useCategories } from "../hooks/useCategories.ts";
 import { useDocumentTitle } from "../hooks/useDocumentTitle.ts";
 import { relativeTime } from "../utils/relativeTime.ts";
 import { useWS } from "../hooks/useWS.ts";
@@ -73,6 +74,7 @@ export function Dump() {
   const [titleError, setTitleError] = useState<string | null>(null);
 
   const { user, token, authFetch } = useAuth();
+  const { byId } = useCategories();
   const {
     voteCounts,
     myVotes,
@@ -267,6 +269,9 @@ export function Dump() {
   const { dump } = dumpState;
   const canEdit = !!user &&
     (dump.userId === user.id || can(user, "dump:moderate"));
+  const dumpCategories = (dump.categoryIds ?? [])
+    .map((id) => byId.get(id))
+    .filter((c) => c !== undefined);
 
   const handleTitleSave = async () => {
     const trimmed = titleDraft.trim();
@@ -428,6 +433,19 @@ export function Dump() {
                   </span>
                 )}
               </div>
+              {dumpCategories.length > 0 && (
+                <div className="dump-card-categories">
+                  {dumpCategories.map((category) => (
+                    <Link
+                      key={category.id}
+                      to={`/${category.slug}`}
+                      className="dump-card-category-chip"
+                    >
+                      {category.name}
+                    </Link>
+                  ))}
+                </div>
+              )}
             </div>
           </div>