Threads done with generic forms.

src/components/documents/GenericEditForm.tsx

@@ -7,6 +7,7 @@ import {
   type DocumentField,
   type FieldType,
 } from "@/lib/fields";
+import { ToggleInput } from "../form/ToggleInput";
 
 export type GenericFieldType = "multiline" | "singleline" | "checkbox";
 
@@ -70,12 +71,11 @@ const GenericEditFormField = <T extends AnyDocument>({
       );
     case "toggle":
       return (
-        <input
-          type="checkbox"
-          checked={!!field.getter(data)}
-          onChange={(e) => saveField(!!e.target.value)}
-          className="accent-emerald-500 w-5 h-5"
-          id={field.name}
+        <ToggleInput
+          label={field.name}
+          value={!!field.getter(data)}
+          onChange={saveField}
+          placeholder={field.name}
         />
       );
   }