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

src/pages/DumpEdit.tsx

@@ -18,6 +18,7 @@ import RichContentCard from "../components/RichContentCard.tsx";
 import FilePreview from "../components/FilePreview.tsx";
 import { FileDropZone } from "../components/FileDropZone.tsx";
 import { ImagePicker } from "../components/ImagePicker.tsx";
+import { CategorySelect } from "../components/CategorySelect.tsx";
 import {
   expectOk,
   FormError,
@@ -286,6 +287,15 @@ function DumpEditForm({
   onSaved,
 }: DumpEditFormProps) {
   const { authFetch } = useAuth();
+  const [selectedCategoryIds, setSelectedCategoryIds] = useState<Set<string>>(
+    () => new Set(dump.categoryIds ?? []),
+  );
+  const toggleCategory = (id: string) =>
+    setSelectedCategoryIds((prev) => {
+      const next = new Set(prev);
+      next.has(id) ? next.delete(id) : next.add(id);
+      return next;
+    });
   const form = useApiForm<EditValues>({
     defaultValues: {
       title: dump.title,
@@ -306,11 +316,14 @@ function DumpEditForm({
       const isPrivate = !isPublic;
       let res: Response;
 
+      const categoryIds = [...selectedCategoryIds];
+
       if (dump.kind === "file" && newFile) {
         const formData = new FormData();
         formData.append("file", newFile);
         formData.append("title", trimmedTitle);
         if (comment.trim()) formData.append("comment", comment.trim());
+        formData.append("categoryIds", JSON.stringify(categoryIds));
         res = await authFetch(`${API_URL}/api/dumps/${dump.id}/file`, {
           method: "PUT",
           body: formData,
@@ -322,11 +335,13 @@ function DumpEditForm({
             title: trimmedTitle,
             comment: comment.trim() || undefined,
             isPrivate,
+            categoryIds,
           }
           : {
             title: trimmedTitle,
             comment: comment.trim() || undefined,
             isPrivate,
+            categoryIds,
           };
         res = await authFetch(`${API_URL}/api/dumps/${dump.id}`, {
           method: "PUT",
@@ -428,6 +443,11 @@ function DumpEditForm({
           rules={{ maxLength: VALIDATION.DUMP_COMMENT_MAX }}
         />
 
+        <CategorySelect
+          selected={selectedCategoryIds}
+          onToggle={toggleCategory}
+        />
+
         <VisibilityToggle<EditValues> name="isPublic" />
 
         <div className="form-actions">