version: {dnsVersion}
-
-
address:
{dnsAddress}:{dnsPort}
+
+
+ dns_addresses
+
+
+
+ {dnsAddresses
+ .map(ip =>
{getDnsAddress(ip, dnsPort)})
+ }
+
+
);
}
Version.propTypes = {
- dnsVersion: PropTypes.string,
- dnsAddress: PropTypes.string,
- dnsPort: PropTypes.number,
+ dnsVersion: PropTypes.string.isRequired,
+ dnsAddresses: PropTypes.array.isRequired,
+ dnsPort: PropTypes.number.isRequired,
};
export default withNamespaces()(Version);
diff --git a/client/src/components/Header/index.js b/client/src/components/Header/index.js
index ecc1a2af..e2d47fe6 100644
--- a/client/src/components/Header/index.js
+++ b/client/src/components/Header/index.js
@@ -56,11 +56,13 @@ class Header extends Component {
toggleMenuOpen={this.toggleMenuOpen}
closeMenu={this.closeMenu}
/>
-
-
-
+ {!dashboard.processing &&
+
+
+
+ }
diff --git a/client/src/components/SetupGuide/Guide.css b/client/src/components/SetupGuide/Guide.css
new file mode 100644
index 00000000..821f1798
--- /dev/null
+++ b/client/src/components/SetupGuide/Guide.css
@@ -0,0 +1,15 @@
+.guide {
+ max-width: 768px;
+ margin: 0 auto;
+}
+
+.guide__title {
+ margin-bottom: 10px;
+ font-size: 17px;
+ font-weight: 700;
+}
+
+.guide__desc {
+ margin-bottom: 20px;
+ font-size: 15px;
+}
diff --git a/client/src/components/SetupGuide/index.js b/client/src/components/SetupGuide/index.js
new file mode 100644
index 00000000..bea2bbb1
--- /dev/null
+++ b/client/src/components/SetupGuide/index.js
@@ -0,0 +1,46 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Trans, withNamespaces } from 'react-i18next';
+
+import { getDnsAddress } from '../../helpers/helpers';
+
+import Guide from '../ui/Guide';
+import Card from '../ui/Card';
+import PageTitle from '../ui/PageTitle';
+import './Guide.css';
+
+const SetupGuide = ({
+ t,
+ dashboard: {
+ dnsAddresses,
+ dnsPort,
+ },
+}) => (
+