feat(web): edit/delete field definitions on /fields (in-place edit pane) (#36)

2026-06-05 20:19:13 +02:00
parent 194f18c8ed
commit 65ca79f2bd
4 changed files with 179 additions and 60 deletions
@@ -1,14 +1,25 @@
+import { useState } from "react";
+
+import type { components } from "../api/schema";
 import { FieldList } from "./field-list";
 import { FieldForm } from "./field-form";

+type FieldDefinitionView = components["schemas"]["FieldDefinitionView"];
+
 export function FieldsPage() {
+  const [selected, setSelected] = useState<FieldDefinitionView | null>(null);
+
  return (
    <div className="grid h-full grid-cols-[20rem_1fr]">
      <div className="overflow-hidden border-r">
-        <FieldList />
+        <FieldList selectedKey={selected?.key ?? null} onSelect={setSelected} />
      </div>
      <div className="overflow-hidden">
-        <FieldForm />
+        <FieldForm
+          key={selected?.key ?? "create"}
+          editing={selected}
+          onDone={() => setSelected(null)}
+        />
      </div>
    </div>
  );