v3: follows, notifications, invite-only registration, unread markers

src/pages/DumpEdit.tsx

@@ -78,7 +78,11 @@ export function DumpEdit() {
       });
     } else {
       const body: UpdateDumpRequest = state.dump.kind === "url"
-        ? { url: url.trim() || undefined, comment: comment.trim() || undefined, isPrivate }
+        ? {
+          url: url.trim() || undefined,
+          comment: comment.trim() || undefined,
+          isPrivate,
+        }
         : { comment: comment.trim() || undefined, isPrivate };
       res = await authFetch(`${API_URL}/api/dumps/${state.dump.id}`, {
         method: "PUT",
@@ -263,20 +267,22 @@ export function DumpEdit() {
             />
           </div>
 
-          <label className="toggle-row">
-            <span className="toggle-label">Public</span>
-            <span className="toggle-switch">
-              <input
-                type="checkbox"
-                checked={!isPrivate}
-                onChange={(e) => setIsPrivate(!e.target.checked)}
-              />
-              <span className="toggle-thumb" />
-            </span>
-            {isPrivate && (
-              <span className="toggle-hint">Only visible to you</span>
-            )}
-          </label>
+          <div className="dump-mode-toggle">
+            <button
+              type="button"
+              className={!isPrivate ? "active" : ""}
+              onClick={() => setIsPrivate(false)}
+            >
+              Public
+            </button>
+            <button
+              type="button"
+              className={isPrivate ? "active" : ""}
+              onClick={() => setIsPrivate(true)}
+            >
+              Private
+            </button>
+          </div>
 
           <div className="form-actions">
             <button