import { useTranslation } from 'react-i18next'; import { Button, Form, Input, InputNumber, Select, Space, Switch } from 'antd'; import { ReloadOutlined } from '@ant-design/icons'; import { generateMtprotoSecret, mtprotoSecretForDomain } from '@/lib/xray/inbound-defaults'; import { useOutboundTags } from '@/api/queries/useOutboundTags'; export default function MtprotoFields() { const { t } = useTranslation(); const form = Form.useFormInstance(); const routeThroughXray = Form.useWatch(['settings', 'routeThroughXray'], form) as boolean | undefined; const { data: outboundTags } = useOutboundTags(); return ( <> { const current = (form.getFieldValue(['settings', 'secret']) as string) ?? ''; form.setFieldValue(['settings', 'secret'], mtprotoSecretForDomain(current, e.target.value)); }} />