+
+ {tlsAddress && tlsAddress.length > 0 && (
+
+ text,
+ text,
+ ]}
+ >
+ setup_dns_privacy_1
+
+
+ )}
+ {httpsAddress && httpsAddress.length > 0 && (
+
+ text,
+ text,
+ ]}
+ >
+ setup_dns_privacy_2
+
+
+ )}
+ {showDnsPrivacyNotice
+ ?
+
+ link
+ ,
+ text,
+ ]}
+ >
+ setup_dns_notice
+
+
+ : <>
+
+ text]}>
+ setup_dns_privacy_3
+
+
+ {dnsPrivacyList.map(renderDnsPrivacyList)}
+ }
+
+
-
- {children.map((child) => {
- const { label, title } = child.props;
+ const getControlClass = classnames({
+ tabs__controls: true,
+ [`tabs__controls--${controlClass}`]: controlClass,
+ });
+ return (
+
+
+ {Object.values(tabs)
+ .map((props) => {
+ // eslint-disable-next-line react/prop-types
+ const { title, label = title } = props;
return (
);
})}
-
-
- {children.map((child) => {
- if (child.props.label !== activeTab) {
- return false;
- }
- return child.props.children;
- })}
-
- );
- }
-}
+
+ {activeTab}
+
+
+ );
+};
Tabs.propTypes = {
controlClass: PropTypes.string,
- children: PropTypes.array.isRequired,
+ tabs: PropTypes.object.isRequired,
+ activeTabLabel: PropTypes.string.isRequired,
+ setActiveTabLabel: PropTypes.func.isRequired,
+ children: PropTypes.element.isRequired,
};
export default Tabs;
diff --git a/client/src/helpers/form.js b/client/src/helpers/form.js
index d312df39..bace77b5 100644
--- a/client/src/helpers/form.js
+++ b/client/src/helpers/form.js
@@ -103,7 +103,7 @@ export const renderGroupField = ({
renderGroupField.propTypes = {
input: PropTypes.object.isRequired,
- id: PropTypes.string.isRequired,
+ id: PropTypes.string,
className: PropTypes.string,
placeholder: PropTypes.string,
type: PropTypes.string,