Account settings: ContactDetailsPage

src/Routes.js

@@ -4,6 +4,7 @@ import {
   AuthenticationPage,
   CheckoutPage,
   ConversationPage,
+  ContactDetailsPage,
   InboxPage,
   LandingPage,
   ListingPage,
@@ -150,13 +151,22 @@ class Routes extends React.Component {
           pattern="/sale/:id/details"
           component={ (props) => <SalesConversationPage { ...props } tab="details" /> } />
 
-        <Miss component={ NotFoundPage } />
-
+        {/* Manage listings */}
         <MatchWhenAuthorized
           exactly
           pattern="/listings"
           component={ ManageListingsPage } />
 
+        {/* Account settings */}
+        <MatchWhenAuthorized
+          exactly
+          pattern="/account/contact-details"
+          component={
+            (props) => <ContactDetailsPage { ...props } router={router} />
+          } />
+
+        <Miss component={ NotFoundPage } />
+
       </div>
     );
   }

src/containers/ContactDetailsPage/ContactDetailsPage.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Page } from '../../components';
+
+export default () => (
+  <Page title="Contact details"></Page>
+);

src/containers/index.js

@@ -1,6 +1,7 @@
 import AuthenticationPage from './AuthenticationPage/AuthenticationPage';
 import CheckoutPage from './CheckoutPage/CheckoutPage';
 import ConversationPage from './ConversationPage/ConversationPage';
+import ContactDetailsPage from './ContactDetailsPage/ContactDetailsPage';
 import EditProfilePage from './EditProfilePage/EditProfilePage';
 import InboxPage from './InboxPage/InboxPage';
 import LandingPage from './LandingPage/LandingPage';
@@ -18,6 +19,7 @@ export {
   AuthenticationPage,
   CheckoutPage,
   ConversationPage,
+  ContactDetailsPage,
   EditProfilePage,
   InboxPage,
   LandingPage,