WIP Fix & last tasks

client/src/components/Preferences/PreferencesTopbar.js

@@ -3,25 +3,26 @@ import { Route, Switch } from 'react-router-dom';
 import DashboardTopbarUser from 'components/Dashboard/TopbarUser';
 import UsersActions from 'containers/Preferences/Users/UsersActions';
 import CurrenciesActions from 'containers/Preferences/Currencies/CurrenciesActions';
+import { compose } from 'utils';
+import { connect } from 'react-redux';
 
-
-export default function PreferencesTopbar() {
+function PreferencesTopbar({ pageTitle }) {
   return (
     <div class="dashboard__preferences-topbar">
-      <h2>Accounts</h2>
-
+      {/* <h2>Accounts</h2> */}
+      <div class="dashboard__title">
+        <h2>{pageTitle}</h2>
+      </div>
       <div class="preferences__topbar-actions">
         <Route pathname="/preferences">
           <Switch>
-            <Route
-              exact
-              path={'/preferences/users'}
-              component={UsersActions} />
+            <Route exact path={'/preferences/users'} component={UsersActions} />
 
             <Route
               exact
               path={'/preferences/currencies'}
-              component={CurrenciesActions} />
+              component={CurrenciesActions}
+            />
           </Switch>
         </Route>
       </div>
@@ -31,4 +32,10 @@ export default function PreferencesTopbar() {
       </div>
     </div>
   );
-}
+}
+
+const mapStateToProps = (state) => ({
+  pageTitle: state.dashboard.preferencesPageTitle,
+});
+
+export default compose(connect(mapStateToProps))(PreferencesTopbar);