Split admin panel in components

src/public/js/components/admins/panel.js

@@ -0,0 +1,22 @@
+import React from "react"
+import { connect } from "react-redux"
+import { bindActionCreators } from "redux"
+import { getUsers } from "../../actions/admins"
+
+import UserList from "./users"
+
+function mapStateToProps(state) {
+  return {
+    users : state.adminStore.get("users"),
+  };
+}
+const mapDispatchToProps = (dipatch) =>
+  bindActionCreators({ getUsers }, dipatch)
+
+function AdminPanel(props) {
+  return (
+    <UserList users={props.users} />
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(AdminPanel);

src/public/js/components/admins/users.js

@@ -1,23 +1,6 @@
 import React from "react"
-import { connect } from "react-redux"
-import { bindActionCreators } from "redux"
-import { getUsers } from "../../actions/admins"
 
-function mapStateToProps(state) {
+export default function UserList(props) {
-  return {
-    users : state.adminStore.get("users"),
-  };
-}
-const mapDispatchToProps = (dipatch) =>
-  bindActionCreators({ getUsers }, dipatch)
-
-function AdminView(props) {
-  return (
-    <UserList users={props.users} />
-  );
-}
-
-function UserList(props) {
   return (
     <div>
       <h2 className="hidden-xs">Users</h2>
@@ -60,5 +43,3 @@ function User(props) {
     </tr>
   );
 }
-
-export default connect(mapStateToProps, mapDispatchToProps)(AdminView);

src/public/js/routes.js

@@ -6,7 +6,7 @@ import UserEdit from "./components/users/edit"
 import UserActivation from "./components/users/activation"
 import UserSignUp from "./components/users/signup"
 import TorrentList from "./components/torrents/list"
-import AdminView from "./components/admins/users"
+import AdminPanel from "./components/admins/panel"
 
 import { fetchTorrents } from "./actions/torrents"
 import { userLogout, getUserInfos } from "./actions/users"
@@ -250,7 +250,7 @@ export default function getRoutes(App) {
       },
       {
         path: "/admin",
-        component: AdminView,
+        component: AdminPanel,
         onEnter: function(nextState, replace, next) {
           adminCheck(nextState, replace, next, function() {
             store.dispatch(getUsers());