add each form control it's own form field/item/control

This commit is contained in:
Pallavi Kumari
2025-10-21 16:10:23 +05:30
parent 70aeaf7b5d
commit 5a571f19e1

View File

@@ -274,6 +274,7 @@ export default function CreateDomainForm({
)}
/>
{domainType === "wildcard" && (
<>
<FormField
control={form.control}
name="certResolver"
@@ -310,8 +311,17 @@ export default function CreateDomainForm({
</Select>
</FormControl>
<FormMessage />
{field.value !== null && field.value !== "default" && (
<div className="space-y-2 mt-2">
</FormItem>
)}
/>
{form.watch("certResolver") !== null &&
form.watch("certResolver") !== "default" && (
<FormField
control={form.control}
name="certResolver"
render={({ field }) => (
<FormItem>
<FormLabel>{t("customResolver")}</FormLabel>
<FormControl>
<Input
placeholder={t("enterCustomResolver")}
@@ -319,6 +329,14 @@ export default function CreateDomainForm({
onChange={(e) => field.onChange(e.target.value)}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
)}
{form.watch("certResolver") !== null &&
form.watch("certResolver") !== "default" && (
<FormField
control={form.control}
name="preferWildcardCert"
@@ -339,11 +357,8 @@ export default function CreateDomainForm({
</FormItem>
)}
/>
</div>
)}
</FormItem>
)}
/>
</>
)}
</form>
</Form>