+ client: handle DNS rewrites

client/src/components/Settings/Dns/index.js

@@ -4,12 +4,14 @@ import { withNamespaces } from 'react-i18next';
 
 import Upstream from './Upstream';
 import Access from './Access';
+import Rewrites from './Rewrites';
 import PageTitle from '../../ui/PageTitle';
 import Loading from '../../ui/Loading';
 
 class Dns extends Component {
     componentDidMount() {
         this.props.getAccessList();
+        this.props.getRewritesList();
     }
 
     render() {
@@ -18,9 +20,14 @@ class Dns extends Component {
             dashboard,
             settings,
             access,
+            rewrites,
             setAccessList,
             testUpstream,
             setUpstream,
+            getRewritesList,
+            addRewrite,
+            deleteRewrite,
+            toggleRewritesModal,
         } = this.props;
 
         return (
@@ -39,6 +46,13 @@ class Dns extends Component {
                             testUpstream={testUpstream}
                         />
                         <Access access={access} setAccessList={setAccessList} />
+                        <Rewrites
+                            rewrites={rewrites}
+                            getRewritesList={getRewritesList}
+                            addRewrite={addRewrite}
+                            deleteRewrite={deleteRewrite}
+                            toggleRewritesModal={toggleRewritesModal}
+                        />
                     </Fragment>
                 )}
             </Fragment>
@@ -54,6 +68,11 @@ Dns.propTypes = {
     getAccessList: PropTypes.func.isRequired,
     setAccessList: PropTypes.func.isRequired,
     access: PropTypes.object.isRequired,
+    rewrites: PropTypes.object.isRequired,
+    getRewritesList: PropTypes.func.isRequired,
+    addRewrite: PropTypes.func.isRequired,
+    deleteRewrite: PropTypes.func.isRequired,
+    toggleRewritesModal: PropTypes.func.isRequired,
     t: PropTypes.func.isRequired,
 };