feat: update ConnectorForm UI

This commit is contained in:
Maël Gangloff
2025-02-20 16:32:25 +01:00
parent b498af6f1e
commit 58c226847f
9 changed files with 73 additions and 102 deletions

View File

@@ -1,15 +1,8 @@
import type {FormInstance} from 'antd'
import {Alert, Checkbox, Form, Input, Typography} from 'antd'
import React from 'react'
import {ConnectorProvider} from '../../api/connectors'
import {t} from 'ttag'
export default function AutoDnsConnectorForm({form}: {
form: FormInstance
}) {
form.setFieldValue('provider', ConnectorProvider.AutoDNS)
export default function AutoDnsConnectorForm() {
return (
<>
<Alert

View File

@@ -1,15 +1,8 @@
import type {FormInstance} from 'antd'
import {Form, Input, Typography} from 'antd'
import React from 'react'
import {ConnectorProvider} from '../../api/connectors'
import {t} from 'ttag'
export default function GandiConnectorForm({form}: {
form: FormInstance
}) {
form.setFieldValue('provider', ConnectorProvider.Gandi)
export default function GandiConnectorForm() {
return (
<>
<Form.Item

View File

@@ -1,16 +1,8 @@
import type {FormInstance} from 'antd'
import {Form, Input, Typography} from 'antd'
import React from 'react'
import {ConnectorProvider} from '../../api/connectors'
import {t} from 'ttag'
export default function NamecheapConnectorForm({form}: {
form: FormInstance
}) {
form.setFieldValue('provider', ConnectorProvider.Namecheap)
export default function NamecheapConnectorForm() {
return (
<>
<Form.Item

View File

@@ -1,14 +1,8 @@
import type {FormInstance} from 'antd'
import {Alert, Form, Input, Typography} from 'antd'
import React from 'react'
import {ConnectorProvider} from '../../api/connectors'
import {t} from 'ttag'
export default function NamecomConnectorForm({form}: {
form: FormInstance
}) {
form.setFieldValue('provider', ConnectorProvider["Name.com"])
export default function NamecomConnectorForm() {
return (
<>

View File

@@ -3,7 +3,6 @@ import {regionNames} from "../../../i18n"
import React, {useState} from 'react'
import type {FormInstance} from "antd"
import {Form, Input, Popconfirm, Select, Typography} from "antd"
import {ConnectorProvider} from "../../api/connectors"
export default function OvhCloudConnectorForm({form}: {
form: FormInstance
@@ -11,8 +10,6 @@ export default function OvhCloudConnectorForm({form}: {
const [open, setOpen] = useState(false)
const [ovhPricingModeValue, setOvhPricingModeValue] = useState<string | undefined>()
form.setFieldValue('provider', ConnectorProvider.OVHcloud)
const ovhEndpointList = [
{label: t`European Region`, value: 'ovh-eu'},
{label: t`United States Region`, value: 'ovh-us'},

View File

@@ -1,4 +1,3 @@
import type {Connector} from '../api/connectors'
import {ConnectorProvider} from '../api/connectors'
import OvhCloudConnectorForm from "./forms/OvhCloudConnectorForm"
import type {FormInstance} from "antd"
@@ -17,7 +16,7 @@ export const formItemLayoutWithOutLabel = {
export type ProviderConfig = {
tosLink: string
form: ({form, onCreate}: { form: FormInstance, onCreate: (values: Connector) => void }) => React.ReactElement
form: ({form}: { form: FormInstance }) => React.ReactElement
}
export const providersConfig: Record<ConnectorProvider, ProviderConfig> = {