85 lines
2.4 KiB
TypeScript
85 lines
2.4 KiB
TypeScript
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 { ServerStatusContext } from '../utils/server-status-context';
|
|
import { TEXTFIELD_DEFAULTS, postConfigUpdateToAPI } from './components/config/constants';
|
|
|
|
import configStyles from '../styles/config-pages.module.scss';
|
|
|
|
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]);
|
|
|
|
|
|
// 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 = {
|
|
initialValues,
|
|
configPath: 'instanceDetails',
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<Title level={2}>Edit your public facing instance details</Title>
|
|
|
|
<div className={configStyles.publicDetailsContainer}>
|
|
<div className={configStyles.textFieldsSection}>
|
|
<Form
|
|
form={form}
|
|
layout="vertical"
|
|
>
|
|
<TextField
|
|
fieldName="instanceUrl"
|
|
{...extraProps}
|
|
configPath="yp"
|
|
type={TEXTFIELD_TYPE_URL}
|
|
onSubmit={handleSubmitInstanceUrl}
|
|
/>
|
|
|
|
<TextField fieldName="title" {...extraProps} />
|
|
<TextField fieldName="streamTitle" {...extraProps} />
|
|
<TextField fieldName="name" {...extraProps} />
|
|
<TextField fieldName="summary" type={TEXTFIELD_TYPE_TEXTAREA} {...extraProps} />
|
|
<TextField fieldName="logo" {...extraProps} />
|
|
</Form>
|
|
|
|
<Link href="/admin/config-page-content">
|
|
<a>Edit your extra page content here.</a>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
|