import React, { useContext, useEffect } from 'react'; import { Typography, Form } from 'antd'; import Link from 'next/link'; import TextField, { TEXTFIELD_TYPE_TEXTAREA, TEXTFIELD_TYPE_URL } from './components/config/form-textfield'; import EditInstanceTags from './components/config/edit-tags'; import EditDirectoryDetails from './components/config/edit-directory'; import { ServerStatusContext } from '../utils/server-status-context'; import { TEXTFIELD_DEFAULTS, postConfigUpdateToAPI } from './components/config/constants'; const { Title } = Typography; export default function PublicFacingDetails() { const [form] = Form.useForm(); const serverStatusData = useContext(ServerStatusContext); const { serverConfig } = serverStatusData || {}; const { instanceDetails, yp } = serverConfig; const initialValues = { ...instanceDetails, ...yp, }; useEffect(() => { form.setFieldsValue(initialValues); }, [instanceDetails]); // const handleResetValue = (fieldName: string) => { // const defaultValue = defaultFields[fieldName] && defaultFields[fieldName].defaultValue || ''; // form.setFieldsValue({ [fieldName]: initialValues[fieldName] || defaultValue }); // } // if instanceUrl is empty, we should also turn OFF the `enabled` field of directory. const handleSubmitInstanceUrl = () => { if (form.getFieldValue('instanceUrl') === '') { if (yp.enabled === true) { const { apiPath } = TEXTFIELD_DEFAULTS.yp.enabled; postConfigUpdateToAPI({ apiPath, data: { value: false }, }); } } } const extraProps = { // handleResetValue, initialValues, configPath: 'instanceDetails', }; return (