Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | 27x 27x | import React, { useContext } from 'react';
import PropTypes from 'prop-types';
import { EditableSettingsList } from '../EditableSettingsList';
import { SettingsContext } from '../contexts';
// Importing directly here to avoid cyclic dependency
import useSettingSection from '../hooks/useSettingSection';
const SettingPage = ({
allowEdit = true,
intlKey: passedIntlKey,
intlNS: passedIntlNS,
labelOverrides = {},
sectionName,
render
}) => {
const { settingEndpoint } = useContext(SettingsContext);
const { handleSubmit, settings } = useSettingSection({
sectionName,
settingEndpoint
});
return (
<EditableSettingsList
allowEdit={allowEdit}
initialValues={{ 'settings': settings }}
intlKey={passedIntlKey}
intlNS={passedIntlNS}
labelOverrides={labelOverrides}
onSave={handleSubmit}
onSubmit={handleSubmit}
render={render}
settingData={{ settings }}
settingSection={sectionName}
/>
);
};
SettingPage.propTypes = {
allowEdit: PropTypes.bool,
intlKey: PropTypes.string,
intlNS: PropTypes.string,
labelOverrides: PropTypes.object,
sectionName: PropTypes.string,
};
export default SettingPage;
|