From 667768fa10c8a78e3ec51fe429f1e026d5cd6ad9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Sun, 13 Aug 2017 10:19:10 +0200
Subject: [PATCH] Split admin panel in components

---
 src/public/js/components/admins/panel.js | 22 ++++++++++++++++++++++
 src/public/js/components/admins/users.js | 21 +--------------------
 src/public/js/routes.js                  |  4 ++--
 3 files changed, 25 insertions(+), 22 deletions(-)
 create mode 100644 src/public/js/components/admins/panel.js

diff --git a/src/public/js/components/admins/panel.js b/src/public/js/components/admins/panel.js
new file mode 100644
index 0000000..6e1dc3d
--- /dev/null
+++ b/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);
diff --git a/src/public/js/components/admins/users.js b/src/public/js/components/admins/users.js
index d17c2c6..47a482c 100644
--- a/src/public/js/components/admins/users.js
+++ b/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) {
-  return {
-    users : state.adminStore.get("users"),
-  };
-}
-const mapDispatchToProps = (dipatch) =>
-  bindActionCreators({ getUsers }, dipatch)
-
-function AdminView(props) {
-  return (
-    <UserList users={props.users} />
-  );
-}
-
-function UserList(props) {
+export default 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);
diff --git a/src/public/js/routes.js b/src/public/js/routes.js
index e92298e..1bcea9b 100644
--- a/src/public/js/routes.js
+++ b/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());