Simplify relay upsert

frontend/src/components/RelayForm.tsx

@@ -1,3 +1,6 @@
+import type { RelayConfig } from "../lib/api"
+import Checkbox from "./Checkbox"
+
 type RelayFormProps = {
   name: string
   setName: (value: string) => void
@@ -10,6 +13,8 @@ type RelayFormProps = {
   plan: string
   setPlan: (value: string) => void
   plans: readonly string[]
+  config: RelayConfig
+  setConfig: (value: RelayConfig) => void
   onSubmit: (e: Event) => void
   submitting: boolean
   error?: string
@@ -18,8 +23,13 @@ type RelayFormProps = {
 }
 
 export default function RelayForm(props: RelayFormProps) {
+  function patchConfig(patch: Partial<RelayConfig>) {
+    props.setConfig({ ...props.config, ...patch })
+  }
+
   return (
-    <form onSubmit={props.onSubmit} class="space-y-4">
+    <form onSubmit={props.onSubmit} class="space-y-6">
+      {/* Basic info */}
       <div>
         <label class="block text-sm font-medium text-gray-700 mb-1">Relay Name</label>
         <input
@@ -73,6 +83,67 @@ export default function RelayForm(props: RelayFormProps) {
           ))}
         </div>
       </div>
+
+      {/* Policy */}
+      <fieldset class="border border-gray-200 rounded-lg p-4 space-y-3">
+        <legend class="text-sm font-semibold text-gray-700 px-1">Policy</legend>
+        <Checkbox
+          label="Allow public join (anyone can join without an invite)"
+          checked={props.config.policy.public_join}
+          onChange={v => patchConfig({ policy: { ...props.config.policy, public_join: v } })}
+        />
+        <Checkbox
+          label="Strip signatures when serving events to non-admins"
+          checked={props.config.policy.strip_signatures}
+          onChange={v => patchConfig({ policy: { ...props.config.policy, strip_signatures: v } })}
+        />
+      </fieldset>
+
+      {/* Groups (NIP 29) */}
+      <fieldset class="border border-gray-200 rounded-lg p-4 space-y-3">
+        <legend class="text-sm font-semibold text-gray-700 px-1">Groups (NIP 29)</legend>
+        <Checkbox
+          label="Enable NIP 29 groups"
+          checked={props.config.groups.enabled}
+          onChange={v => patchConfig({ groups: { ...props.config.groups, enabled: v } })}
+        />
+        <Checkbox
+          label="Allow members to join groups without approval"
+          checked={props.config.groups.auto_join}
+          onChange={v => patchConfig({ groups: { ...props.config.groups, auto_join: v } })}
+        />
+      </fieldset>
+
+      {/* Management (NIP 86) */}
+      <fieldset class="border border-gray-200 rounded-lg p-4 space-y-3">
+        <legend class="text-sm font-semibold text-gray-700 px-1">Management (NIP 86)</legend>
+        <Checkbox
+          label="Enable NIP 86 relay management"
+          checked={props.config.management.enabled}
+          onChange={v => patchConfig({ management: { enabled: v } })}
+        />
+      </fieldset>
+
+      {/* Blossom */}
+      <fieldset class="border border-gray-200 rounded-lg p-4">
+        <legend class="text-sm font-semibold text-gray-700 px-1">Blossom</legend>
+        <Checkbox
+          label="Enable Blossom media storage"
+          checked={props.config.blossom.enabled}
+          onChange={v => patchConfig({ blossom: { enabled: v } })}
+        />
+      </fieldset>
+
+      {/* Push (NIP 9a) */}
+      <fieldset class="border border-gray-200 rounded-lg p-4">
+        <legend class="text-sm font-semibold text-gray-700 px-1">Push (NIP 9a)</legend>
+        <Checkbox
+          label="Enable NIP 9a push notifications"
+          checked={props.config.push.enabled}
+          onChange={v => patchConfig({ push: { enabled: v } })}
+        />
+      </fieldset>
+
       {props.error && <p class="text-sm text-red-600">{props.error}</p>}
       <button
         type="submit"