diff --git a/.gitignore b/.gitignore
index 5ff18d83..338f2f00 100644
--- a/.gitignore
+++ b/.gitignore
@@ -29,3 +29,4 @@ htmlcov
 pip-wheel-metadata
 docs/source/reference/metrics.rst
 oldest-requirements.txt
+jupyterhub-proxy.pid
diff --git a/jsx/.eslintrc.json b/jsx/.eslintrc.json
index 673f8ecb..191fd680 100644
--- a/jsx/.eslintrc.json
+++ b/jsx/.eslintrc.json
@@ -1,7 +1,7 @@
 {
   "extends": ["plugin:react/recommended"],
   "parserOptions": {
-    "ecmaVersion": 6,
+    "ecmaVersion": 2018,
     "sourceType": "module",
     "ecmaFeatures": {
       "jsx": true
diff --git a/jsx/src/App.jsx b/jsx/src/App.jsx
index 9fa36e7c..7047e50a 100644
--- a/jsx/src/App.jsx
+++ b/jsx/src/App.jsx
@@ -2,11 +2,11 @@ import React, { Component, useEffect } from "react";
 import ReactDOM from "react-dom";
 import { Provider } from "react-redux";
 import { createStore } from "redux";
-import { Button } from "react-bootstrap";
+import { compose } from "recompose";
 import { initialState, reducers } from "./Store";
 import { jhapiRequest } from "./util/jhapiUtil";
+import withAPI from "./util/withAPI";
 import { HashRouter, Switch, Route, Link } from "react-router-dom";
-import { createBrowserHistory } from "history";
 
 import ServerDashboard from "./components/ServerDashboard/ServerDashboard";
 import Groups from "./components/Groups/Groups";
@@ -37,12 +37,32 @@ const App = (props) => {
       <Provider store={store}>
         <HashRouter>
           <Switch>
-            <Route exact path="/" component={ServerDashboard} />
-            <Route exact path="/groups" component={Groups} />
-            <Route exact path="/group-edit" component={GroupEdit} />
-            <Route exact path="/create-group" component={CreateGroup} />
-            <Route exact path="/add-users" component={AddUser} />
-            <Route exact path="/edit-user" component={EditUser} />
+            <Route
+              exact
+              path="/"
+              component={compose(withAPI)(ServerDashboard)}
+            />
+            <Route exact path="/groups" component={compose(withAPI)(Groups)} />
+            <Route
+              exact
+              path="/group-edit"
+              component={compose(withAPI)(GroupEdit)}
+            />
+            <Route
+              exact
+              path="/create-group"
+              component={compose(withAPI)(CreateGroup)}
+            />
+            <Route
+              exact
+              path="/add-users"
+              component={compose(withAPI)(AddUser)}
+            />
+            <Route
+              exact
+              path="/edit-user"
+              component={compose(withAPI)(EditUser)}
+            />
           </Switch>
         </HashRouter>
       </Provider>
diff --git a/jsx/src/components/AddUser/AddUser.jsx b/jsx/src/components/AddUser/AddUser.jsx
index af6ceb60..5407e566 100644
--- a/jsx/src/components/AddUser/AddUser.jsx
+++ b/jsx/src/components/AddUser/AddUser.jsx
@@ -107,17 +107,4 @@ AddUser.propTypes = {
   }),
 };
 
-const withUserAPI = withProps((props) => ({
-  addUsers: (usernames, admin) =>
-    jhapiRequest("/users", "POST", { usernames, admin }),
-  failRegexEvent: () =>
-    alert(
-      "Removed " +
-        JSON.stringify(removed_users) +
-        " for either containing special characters or being too short."
-    ),
-  refreshUserData: () =>
-    jhapiRequest("/users", "GET").then((data) => data.json()),
-}));
-
-export default compose(withUserAPI)(AddUser);
+export default AddUser;
diff --git a/jsx/src/components/AddUser/AddUser.test.js b/jsx/src/components/AddUser/AddUser.test.js
index 4d5a2909..ec5bb165 100644
--- a/jsx/src/components/AddUser/AddUser.test.js
+++ b/jsx/src/components/AddUser/AddUser.test.js
@@ -1,31 +1,53 @@
 import React from "react";
-import Enzyme, { shallow } from "enzyme";
-import AddUser from "./AddUser.pre";
+import Enzyme, { mount } from "enzyme";
+import AddUser from "./AddUser";
 import Adapter from "@wojtekmaj/enzyme-adapter-react-17";
+import { Provider, useDispatch } from "react-redux";
+import { createStore } from "redux";
+import { HashRouter } from "react-router-dom";
 
 Enzyme.configure({ adapter: new Adapter() });
 
+jest.mock("react-redux", () => ({
+  ...jest.requireActual("react-redux"),
+  useDispatch: jest.fn(),
+}));
+
 describe("AddUser Component: ", () => {
   var mockAsync = () =>
     jest.fn().mockImplementation(() => Promise.resolve({ key: "value" }));
 
   var addUserJsx = (callbackSpy) => (
-    <AddUser
-      addUsers={callbackSpy}
-      failRegexEvent={callbackSpy}
-      refreshUserData={callbackSpy}
-      history={{ push: (a) => {} }}
-    />
+    <Provider store={createStore(() => {}, {})}>
+      <HashRouter>
+        <AddUser
+          addUsers={callbackSpy}
+          failRegexEvent={callbackSpy}
+          refreshUserData={callbackSpy}
+          history={{ push: (a) => {} }}
+        />
+      </HashRouter>
+    </Provider>
   );
 
+  beforeEach(() => {
+    useDispatch.mockImplementation((callback) => {
+      return () => {};
+    });
+  });
+
+  afterEach(() => {
+    useDispatch.mockClear();
+  });
+
   it("Renders", () => {
-    let component = shallow(addUserJsx(mockAsync()));
+    let component = mount(addUserJsx(mockAsync()));
     expect(component.find(".container").length).toBe(1);
   });
 
   it("Removes users when they fail Regex", () => {
     let callbackSpy = mockAsync(),
-      component = shallow(addUserJsx(callbackSpy)),
+      component = mount(addUserJsx(callbackSpy)),
       textarea = component.find("textarea").first();
     textarea.simulate("blur", { target: { value: "foo\nbar\n!!*&*" } });
     let submit = component.find("#submit");
@@ -35,7 +57,7 @@ describe("AddUser Component: ", () => {
 
   it("Correctly submits admin", () => {
     let callbackSpy = mockAsync(),
-      component = shallow(addUserJsx(callbackSpy)),
+      component = mount(addUserJsx(callbackSpy)),
       input = component.find("input").first();
     input.simulate("change", { target: { checked: true } });
     let submit = component.find("#submit");
diff --git a/jsx/src/components/CreateGroup/CreateGroup.jsx b/jsx/src/components/CreateGroup/CreateGroup.jsx
index 355091f1..431c2e18 100644
--- a/jsx/src/components/CreateGroup/CreateGroup.jsx
+++ b/jsx/src/components/CreateGroup/CreateGroup.jsx
@@ -81,16 +81,4 @@ CreateGroup.propTypes = {
   }),
 };
 
-const withGroupsAPI = withProps((props) => ({
-  createGroup: (groupName) => jhapiRequest("/groups/" + groupName, "POST"),
-  failRegexEvent: () =>
-    alert(
-      "Removed " +
-        JSON.stringify(removed_users) +
-        " for either containing special characters or being too short."
-    ),
-  refreshGroupsData: () =>
-    jhapiRequest("/groups", "GET").then((data) => data.json()),
-}));
-
-export default compose(withGroupsAPI)(CreateGroup);
+export default CreateGroup;
diff --git a/jsx/src/components/CreateGroup/CreateGroup.test.js b/jsx/src/components/CreateGroup/CreateGroup.test.js
index 74d09a32..ed0a0790 100644
--- a/jsx/src/components/CreateGroup/CreateGroup.test.js
+++ b/jsx/src/components/CreateGroup/CreateGroup.test.js
@@ -1,30 +1,52 @@
 import React from "react";
-import Enzyme, { mount, shallow } from "enzyme";
-import CreateGroup from "./CreateGroup.pre";
+import Enzyme, { mount } from "enzyme";
+import CreateGroup from "./CreateGroup";
 import Adapter from "@wojtekmaj/enzyme-adapter-react-17";
+import { Provider, useDispatch } from "react-redux";
+import { createStore } from "redux";
+import { HashRouter } from "react-router-dom";
 
 Enzyme.configure({ adapter: new Adapter() });
 
+jest.mock("react-redux", () => ({
+  ...jest.requireActual("react-redux"),
+  useDispatch: jest.fn(),
+}));
+
 describe("CreateGroup Component: ", () => {
   var mockAsync = () =>
     jest.fn().mockImplementation(() => Promise.resolve({ key: "value" }));
 
   var createGroupJsx = (callbackSpy) => (
-    <CreateGroup
-      createGroup={callbackSpy}
-      refreshGroupsData={callbackSpy}
-      history={{ push: () => {} }}
-    />
+    <Provider store={createStore(() => {}, {})}>
+      <HashRouter>
+        <CreateGroup
+          createGroup={callbackSpy}
+          refreshGroupsData={callbackSpy}
+          history={{ push: () => {} }}
+        />
+      </HashRouter>
+    </Provider>
   );
 
+  beforeEach(() => {
+    useDispatch.mockImplementation((callback) => {
+      return () => {};
+    });
+  });
+
+  afterEach(() => {
+    useDispatch.mockClear();
+  });
+
   it("Renders", () => {
-    let component = shallow(createGroupJsx());
+    let component = mount(createGroupJsx());
     expect(component.find(".container").length).toBe(1);
   });
 
   it("Calls createGroup and refreshGroupsData on submit", () => {
     let callbackSpy = mockAsync(),
-      component = shallow(createGroupJsx(callbackSpy)),
+      component = mount(createGroupJsx(callbackSpy)),
       input = component.find("input").first(),
       submit = component.find("#submit").first();
     input.simulate("change", { target: { value: "" } });
diff --git a/jsx/src/components/EditUser/EditUser.jsx b/jsx/src/components/EditUser/EditUser.jsx
index f899b205..26d52543 100644
--- a/jsx/src/components/EditUser/EditUser.jsx
+++ b/jsx/src/components/EditUser/EditUser.jsx
@@ -1,12 +1,8 @@
 import React, { useState } from "react";
-import { useSelector, useDispatch } from "react-redux";
-import { compose, withProps } from "recompose";
+import { useDispatch } from "react-redux";
 import PropTypes from "prop-types";
-
 import { Link } from "react-router-dom";
 
-import { jhapiRequest } from "../../util/jhapiUtil";
-
 const EditUser = (props) => {
   var dispatch = useDispatch();
 
@@ -160,22 +156,4 @@ EditUser.propTypes = {
   refreshUserData: PropTypes.func,
 };
 
-const withUserAPI = withProps((props) => ({
-  editUser: (username, updated_username, admin) =>
-    jhapiRequest("/users/" + username, "PATCH", {
-      name: updated_username,
-      admin,
-    }),
-  deleteUser: (username) => jhapiRequest("/users/" + username, "DELETE"),
-  failRegexEvent: () =>
-    alert(
-      "Cannot change username - either contains special characters or is too short."
-    ),
-  noChangeEvent: () => {
-    returns;
-  },
-  refreshUserData: () =>
-    jhapiRequest("/users", "GET").then((data) => data.json()),
-}));
-
-export default compose(withUserAPI)(EditUser);
+export default EditUser;
diff --git a/jsx/src/components/EditUser/EditUser.test.js b/jsx/src/components/EditUser/EditUser.test.js
index 462ffff4..5c879e6a 100644
--- a/jsx/src/components/EditUser/EditUser.test.js
+++ b/jsx/src/components/EditUser/EditUser.test.js
@@ -1,30 +1,54 @@
 import React from "react";
-import Enzyme, { shallow } from "enzyme";
-import EditUser from "./EditUser.pre";
+import Enzyme, { mount } from "enzyme";
+import EditUser from "./EditUser";
 import Adapter from "@wojtekmaj/enzyme-adapter-react-17";
+import { Provider, useDispatch } from "react-redux";
+import { createStore } from "redux";
+import { HashRouter } from "react-router-dom";
 
 Enzyme.configure({ adapter: new Adapter() });
 
+jest.mock("react-redux", () => ({
+  ...jest.requireActual("react-redux"),
+  useDispatch: jest.fn(),
+}));
+
 describe("EditUser Component: ", () => {
   var mockAsync = () =>
     jest.fn().mockImplementation(() => Promise.resolve({ key: "value" }));
   var mockSync = () => jest.fn();
 
-  var editUserJsx = (callbackSpy) => (
-    <EditUser
-      location={{ state: { username: "foo", has_admin: false } }}
-      deleteUser={callbackSpy}
-      editUser={callbackSpy}
-      refreshUserData={mockSync()}
-      history={{ push: (a) => {} }}
-      failRegexEvent={callbackSpy}
-      noChangeEvent={callbackSpy}
-    />
+  var editUserJsx = (callbackSpy, empty) => (
+    <Provider store={createStore(() => {}, {})}>
+      <HashRouter>
+        <EditUser
+          location={
+            empty ? {} : { state: { username: "foo", has_admin: false } }
+          }
+          deleteUser={callbackSpy}
+          editUser={callbackSpy}
+          refreshUserData={callbackSpy}
+          history={{ push: (a) => {} }}
+          failRegexEvent={callbackSpy}
+          noChangeEvent={callbackSpy}
+        />
+      </HashRouter>
+    </Provider>
   );
 
+  beforeEach(() => {
+    useDispatch.mockImplementation((callback) => {
+      return () => {};
+    });
+  });
+
+  afterEach(() => {
+    useDispatch.mockClear();
+  });
+
   it("Calls the delete user function when the button is pressed", () => {
     let callbackSpy = mockAsync(),
-      component = shallow(editUserJsx(callbackSpy)),
+      component = mount(editUserJsx(callbackSpy)),
       deleteUser = component.find("#delete-user");
     deleteUser.simulate("click");
     expect(callbackSpy).toHaveBeenCalled();
@@ -32,9 +56,15 @@ describe("EditUser Component: ", () => {
 
   it("Submits the edits when the button is pressed", () => {
     let callbackSpy = mockSync(),
-      component = shallow(editUserJsx(callbackSpy)),
+      component = mount(editUserJsx(callbackSpy)),
       submit = component.find("#submit");
     submit.simulate("click");
     expect(callbackSpy).toHaveBeenCalled();
   });
+
+  it("Doesn't render when no data is provided", () => {
+    let callbackSpy = mockSync(),
+      component = mount(editUserJsx(callbackSpy, true));
+    expect(component.find(".container").length).toBe(0);
+  });
 });
diff --git a/jsx/src/components/GroupEdit/GroupEdit.jsx b/jsx/src/components/GroupEdit/GroupEdit.jsx
index 2d1121ed..3e226706 100644
--- a/jsx/src/components/GroupEdit/GroupEdit.jsx
+++ b/jsx/src/components/GroupEdit/GroupEdit.jsx
@@ -137,14 +137,4 @@ GroupEdit.propTypes = {
   refreshGroupsData: PropTypes.func,
 };
 
-const withGroupsAPI = withProps((props) => ({
-  addToGroup: (users, groupname) =>
-    jhapiRequest("/groups/" + groupname + "/users", "POST", { users }),
-  removeFromGroup: (users, groupname) =>
-    jhapiRequest("/groups/" + groupname + "/users", "DELETE", { users }),
-  deleteGroup: (name) => jhapiRequest("/groups/" + name, "DELETE"),
-  refreshGroupsData: () =>
-    jhapiRequest("/groups", "GET").then((data) => data.json()),
-}));
-
-export default compose(withGroupsAPI)(GroupEdit);
+export default GroupEdit;
diff --git a/jsx/src/components/GroupEdit/GroupEdit.test.jsx b/jsx/src/components/GroupEdit/GroupEdit.test.jsx
index 0b0bbf42..aef1c3bd 100644
--- a/jsx/src/components/GroupEdit/GroupEdit.test.jsx
+++ b/jsx/src/components/GroupEdit/GroupEdit.test.jsx
@@ -1,39 +1,62 @@
 import React from "react";
 import Enzyme, { mount, shallow } from "enzyme";
-import GroupEdit from "./GroupEdit.pre";
+import GroupEdit from "./GroupEdit";
 import Adapter from "@wojtekmaj/enzyme-adapter-react-17";
+import { Provider, useSelector } from "react-redux";
+import { createStore } from "redux";
 import { HashRouter } from "react-router-dom";
 
 Enzyme.configure({ adapter: new Adapter() });
 
+jest.mock("react-redux", () => ({
+  ...jest.requireActual("react-redux"),
+  useSelector: jest.fn(),
+}));
+
 describe("GroupEdit Component: ", () => {
   var mockAsync = () =>
     jest.fn().mockImplementation(() => Promise.resolve({ key: "value" }));
 
   var groupEditJsx = (callbackSpy) => (
-    <GroupEdit
-      location={{
-        state: {
-          user_data: [{ name: "foo" }, { name: "bar" }],
-          group_data: { users: ["foo"], name: "group" },
-          callback: () => {},
-        },
-      }}
-      addToGroup={callbackSpy}
-      removeFromGroup={callbackSpy}
-      deleteGroup={callbackSpy}
-      history={{ push: (a) => callbackSpy }}
-      refreshGroupsData={() => {}}
-    />
+    <Provider store={createStore(() => {}, {})}>
+      <HashRouter>
+        <GroupEdit
+          location={{
+            state: {
+              user_data: [{ name: "foo" }, { name: "bar" }],
+              group_data: { users: ["foo"], name: "group" },
+              callback: () => {},
+            },
+          }}
+          addToGroup={callbackSpy}
+          removeFromGroup={callbackSpy}
+          deleteGroup={callbackSpy}
+          history={{ push: (a) => callbackSpy }}
+          refreshGroupsData={callbackSpy}
+        />
+      </HashRouter>
+    </Provider>
   );
 
-  var deepGroupEditJsx = (callbackSpy) => (
-    <HashRouter>{groupEditJsx(callbackSpy)}</HashRouter>
-  );
+  var mockAppState = () => ({
+    user_data: JSON.parse(
+      '[{"kind":"user","name":"foo","admin":true,"groups":[],"server":"/user/foo/","pending":null,"created":"2020-12-07T18:46:27.112695Z","last_activity":"2020-12-07T21:00:33.336354Z","servers":{"":{"name":"","last_activity":"2020-12-07T20:58:02.437408Z","started":"2020-12-07T20:58:01.508266Z","pending":null,"ready":true,"state":{"pid":28085},"url":"/user/foo/","user_options":{},"progress_url":"/hub/api/users/foo/server/progress"}}},{"kind":"user","name":"bar","admin":false,"groups":[],"server":null,"pending":null,"created":"2020-12-07T18:46:27.115528Z","last_activity":"2020-12-07T20:43:51.013613Z","servers":{}}]'
+    ),
+  });
+
+  beforeEach(() => {
+    useSelector.mockImplementation((callback) => {
+      return callback(mockAppState());
+    });
+  });
+
+  afterEach(() => {
+    useSelector.mockClear();
+  });
 
   it("Adds a newly selected user to group on submit", () => {
     let callbackSpy = mockAsync(),
-      component = mount(deepGroupEditJsx(callbackSpy)),
+      component = mount(groupEditJsx(callbackSpy)),
       unselected = component.find(".unselected"),
       submit = component.find("#submit");
     unselected.simulate("click");
@@ -43,7 +66,7 @@ describe("GroupEdit Component: ", () => {
 
   it("Removes a user from group on submit", () => {
     let callbackSpy = mockAsync(),
-      component = mount(deepGroupEditJsx(callbackSpy)),
+      component = mount(groupEditJsx(callbackSpy)),
       selected = component.find(".selected"),
       submit = component.find("#submit");
     selected.simulate("click");
@@ -53,9 +76,10 @@ describe("GroupEdit Component: ", () => {
 
   it("Calls deleteGroup on button click", () => {
     let callbackSpy = mockAsync(),
-      component = shallow(groupEditJsx(callbackSpy)),
+      component = mount(groupEditJsx(callbackSpy)),
       deleteGroup = component.find("#delete-group").first();
     deleteGroup.simulate("click");
-    expect(callbackSpy).toHaveBeenCalled();
+    expect(callbackSpy).toHaveBeenNthCalledWith(1, "group");
+    expect(callbackSpy).toHaveBeenNthCalledWith(2);
   });
 });
diff --git a/jsx/src/components/Groups/Groups.jsx b/jsx/src/components/Groups/Groups.jsx
index 1f92ae28..7465141d 100644
--- a/jsx/src/components/Groups/Groups.jsx
+++ b/jsx/src/components/Groups/Groups.jsx
@@ -102,21 +102,4 @@ Groups.propTypes = {
   }),
 };
 
-const withGroupsAPI = withProps((props) => ({
-  refreshGroupsData: () =>
-    jhapiRequest("/groups", "GET").then((data) => data.json()),
-  refreshUserData: () =>
-    jhapiRequest("/users", "GET").then((data) => data.json()),
-  addUsersToGroup: (name, new_users) =>
-    jhapiRequest("/groups/" + name + "/users", "POST", {
-      body: { users: new_users },
-      json: true,
-    }),
-  removeUsersFromGroup: (name, removed_users) =>
-    jhapiRequest("/groups/" + name + "/users", "DELETE", {
-      body: { users: removed_users },
-      json: true,
-    }),
-}));
-
-export default compose(withGroupsAPI)(Groups);
+export default Groups;
diff --git a/jsx/src/components/Groups/Groups.test.js b/jsx/src/components/Groups/Groups.test.js
index f7396433..f1eed6b5 100644
--- a/jsx/src/components/Groups/Groups.test.js
+++ b/jsx/src/components/Groups/Groups.test.js
@@ -1,30 +1,58 @@
 import React from "react";
-import Enzyme, { shallow } from "enzyme";
-import Groups from "./Groups.pre";
+import Enzyme, { mount } from "enzyme";
+import Groups from "./Groups";
 import Adapter from "@wojtekmaj/enzyme-adapter-react-17";
+import { Provider, useSelector } from "react-redux";
+import { createStore } from "redux";
+import { HashRouter } from "react-router-dom";
 
 Enzyme.configure({ adapter: new Adapter() });
 
+jest.mock("react-redux", () => ({
+  ...jest.requireActual("react-redux"),
+  useSelector: jest.fn(),
+  useDispatch: jest.fn(),
+}));
+
 describe("Groups Component: ", () => {
   var groupsJsx = () => (
-    <Groups
-      user_data={JSON.parse(
-        '[{"kind":"user","name":"foo","admin":true,"groups":[],"server":"/user/foo/","pending":null,"created":"2020-12-07T18:46:27.112695Z","last_activity":"2020-12-07T21:00:33.336354Z","servers":{"":{"name":"","last_activity":"2020-12-07T20:58:02.437408Z","started":"2020-12-07T20:58:01.508266Z","pending":null,"ready":true,"state":{"pid":28085},"url":"/user/foo/","user_options":{},"progress_url":"/hub/api/users/foo/server/progress"}}},{"kind":"user","name":"bar","admin":false,"groups":[],"server":null,"pending":null,"created":"2020-12-07T18:46:27.115528Z","last_activity":"2020-12-07T20:43:51.013613Z","servers":{}}]'
-      )}
-      groups_data={JSON.parse(
-        '[{"kind":"group","name":"testgroup","users":[]}, {"kind":"group","name":"testgroup2","users":["foo", "bar"]}]'
-      )}
-    />
+    <Provider store={createStore(() => {}, {})}>
+      <HashRouter>
+        <Groups />
+      </HashRouter>
+    </Provider>
   );
 
+  var mockAppState = () => ({
+    user_data: JSON.parse(
+      '[{"kind":"user","name":"foo","admin":true,"groups":[],"server":"/user/foo/","pending":null,"created":"2020-12-07T18:46:27.112695Z","last_activity":"2020-12-07T21:00:33.336354Z","servers":{"":{"name":"","last_activity":"2020-12-07T20:58:02.437408Z","started":"2020-12-07T20:58:01.508266Z","pending":null,"ready":true,"state":{"pid":28085},"url":"/user/foo/","user_options":{},"progress_url":"/hub/api/users/foo/server/progress"}}},{"kind":"user","name":"bar","admin":false,"groups":[],"server":null,"pending":null,"created":"2020-12-07T18:46:27.115528Z","last_activity":"2020-12-07T20:43:51.013613Z","servers":{}}]'
+    ),
+    groups_data: JSON.parse(
+      '[{"kind":"group","name":"testgroup","users":[]}, {"kind":"group","name":"testgroup2","users":["foo", "bar"]}]'
+    ),
+  });
+
+  beforeEach(() => {
+    useSelector.mockImplementation((callback) => {
+      return callback(mockAppState());
+    });
+  });
+
+  afterEach(() => {
+    useSelector.mockClear();
+  });
+
   it("Renders groups_data prop into links", () => {
-    let component = shallow(groupsJsx()),
+    let component = mount(groupsJsx()),
       links = component.find(".group-edit-link");
     expect(links.length).toBe(2);
   });
 
   it("Renders nothing if required data is not available", () => {
-    let component = shallow(<Groups />);
+    useSelector.mockImplementation((callback) => {
+      return callback({});
+    });
+    let component = mount(groupsJsx());
     expect(component.html()).toBe("<div></div>");
   });
 });
diff --git a/jsx/src/components/ServerDashboard/ServerDashboard.jsx b/jsx/src/components/ServerDashboard/ServerDashboard.jsx
index 1724f9b4..d110f939 100644
--- a/jsx/src/components/ServerDashboard/ServerDashboard.jsx
+++ b/jsx/src/components/ServerDashboard/ServerDashboard.jsx
@@ -155,7 +155,7 @@ const ServerDashboard = (props) => {
                 {/* Shutdown Jupyterhub */}
                 <Button
                   variant="danger"
-                  className="shutdown-button"
+                  id="shutdown-button"
                   onClick={shutdownHub}
                 >
                   Shutdown Hub
@@ -288,15 +288,4 @@ SortHandler.propTypes = {
   callback: PropTypes.func,
 };
 
-const withHubActions = withProps((props) => ({
-  updateUsers: (cb) => jhapiRequest("/users", "GET"),
-  shutdownHub: () => jhapiRequest("/shutdown", "POST"),
-  startServer: (name) => jhapiRequest("/users/" + name + "/server", "POST"),
-  stopServer: (name) => jhapiRequest("/users/" + name + "/server", "DELETE"),
-  startAll: (names) =>
-    names.map((e) => jhapiRequest("/users/" + e + "/server", "POST")),
-  stopAll: (names) =>
-    names.map((e) => jhapiRequest("/users/" + e + "/server", "DELETE")),
-}));
-
-export default compose(withHubActions)(ServerDashboard);
+export default ServerDashboard;
diff --git a/jsx/src/components/ServerDashboard/ServerDashboard.test.js b/jsx/src/components/ServerDashboard/ServerDashboard.test.js
index 5320dacf..040add39 100644
--- a/jsx/src/components/ServerDashboard/ServerDashboard.test.js
+++ b/jsx/src/components/ServerDashboard/ServerDashboard.test.js
@@ -1,44 +1,34 @@
 import React from "react";
 import Enzyme, { shallow, mount } from "enzyme";
-import ServerDashboard from "./ServerDashboard.pre";
+import ServerDashboard from "./ServerDashboard";
 import Adapter from "@wojtekmaj/enzyme-adapter-react-17";
 import { HashRouter, Switch } from "react-router-dom";
+import { Provider, useSelector } from "react-redux";
+import { createStore } from "redux";
 
 Enzyme.configure({ adapter: new Adapter() });
 
+jest.mock("react-redux", () => ({
+  ...jest.requireActual("react-redux"),
+  useSelector: jest.fn(),
+}));
+
 describe("ServerDashboard Component: ", () => {
   var serverDashboardJsx = (callbackSpy) => (
-    <ServerDashboard
-      user_data={JSON.parse(
-        '[{"kind":"user","name":"foo","admin":true,"groups":[],"server":"/user/foo/","pending":null,"created":"2020-12-07T18:46:27.112695Z","last_activity":"2020-12-07T21:00:33.336354Z","servers":{"":{"name":"","last_activity":"2020-12-07T20:58:02.437408Z","started":"2020-12-07T20:58:01.508266Z","pending":null,"ready":true,"state":{"pid":28085},"url":"/user/foo/","user_options":{},"progress_url":"/hub/api/users/foo/server/progress"}}},{"kind":"user","name":"bar","admin":false,"groups":[],"server":null,"pending":null,"created":"2020-12-07T18:46:27.115528Z","last_activity":"2020-12-07T20:43:51.013613Z","servers":{}}]'
-      )}
-      updateUsers={callbackSpy}
-      shutdownHub={callbackSpy}
-      startServer={callbackSpy}
-      stopServer={callbackSpy}
-      startAll={callbackSpy}
-      stopAll={callbackSpy}
-      dispatch={callbackSpy}
-    />
-  );
-
-  var deepServerDashboardJsx = (callbackSpy) => (
-    <HashRouter>
-      <Switch>
-        <ServerDashboard
-          user_data={JSON.parse(
-            '[{"kind":"user","name":"foo","admin":true,"groups":[],"server":"/user/foo/","pending":null,"created":"2020-12-07T18:46:27.112695Z","last_activity":"2020-12-07T21:00:33.336354Z","servers":{"":{"name":"","last_activity":"2020-12-07T20:58:02.437408Z","started":"2020-12-07T20:58:01.508266Z","pending":null,"ready":true,"state":{"pid":28085},"url":"/user/foo/","user_options":{},"progress_url":"/hub/api/users/foo/server/progress"}}},{"kind":"user","name":"bar","admin":false,"groups":[],"server":null,"pending":null,"created":"2020-12-07T18:46:27.115528Z","last_activity":"2020-12-07T20:43:51.013613Z","servers":{}}]'
-          )}
-          updateUsers={callbackSpy}
-          shutdownHub={callbackSpy}
-          startServer={callbackSpy}
-          stopServer={callbackSpy}
-          startAll={callbackSpy}
-          stopAll={callbackSpy}
-          dispatch={callbackSpy}
-        />
-      </Switch>
-    </HashRouter>
+    <Provider store={createStore(() => {}, {})}>
+      <HashRouter>
+        <Switch>
+          <ServerDashboard
+            updateUsers={callbackSpy}
+            shutdownHub={callbackSpy}
+            startServer={callbackSpy}
+            stopServer={callbackSpy}
+            startAll={callbackSpy}
+            stopAll={callbackSpy}
+          />
+        </Switch>
+      </HashRouter>
+    </Provider>
   );
 
   var mockAsync = () =>
@@ -48,14 +38,30 @@ describe("ServerDashboard Component: ", () => {
         Promise.resolve({ json: () => Promise.resolve({ k: "v" }) })
       );
 
+  var mockAppState = () => ({
+    user_data: JSON.parse(
+      '[{"kind":"user","name":"foo","admin":true,"groups":[],"server":"/user/foo/","pending":null,"created":"2020-12-07T18:46:27.112695Z","last_activity":"2020-12-07T21:00:33.336354Z","servers":{"":{"name":"","last_activity":"2020-12-07T20:58:02.437408Z","started":"2020-12-07T20:58:01.508266Z","pending":null,"ready":true,"state":{"pid":28085},"url":"/user/foo/","user_options":{},"progress_url":"/hub/api/users/foo/server/progress"}}},{"kind":"user","name":"bar","admin":false,"groups":[],"server":null,"pending":null,"created":"2020-12-07T18:46:27.115528Z","last_activity":"2020-12-07T20:43:51.013613Z","servers":{}}]'
+    ),
+  });
+
+  beforeEach(() => {
+    useSelector.mockImplementation((callback) => {
+      return callback(mockAppState());
+    });
+  });
+
+  afterEach(() => {
+    useSelector.mockClear();
+  });
+
   it("Renders users from props.user_data into table", () => {
-    let component = shallow(serverDashboardJsx(jest.fn())),
+    let component = mount(serverDashboardJsx(jest.fn())),
       userRows = component.find(".user-row");
     expect(userRows.length).toBe(2);
   });
 
   it("Renders correctly the status of a single-user server", () => {
-    let component = shallow(serverDashboardJsx(jest.fn())),
+    let component = mount(serverDashboardJsx(jest.fn())),
       userRows = component.find(".user-row");
     // Renders .stop-button when server is started
     // Should be 1 since user foo is started
@@ -67,7 +73,7 @@ describe("ServerDashboard Component: ", () => {
 
   it("Invokes the startServer event on button click", () => {
     let callbackSpy = mockAsync(),
-      component = shallow(serverDashboardJsx(callbackSpy)),
+      component = mount(serverDashboardJsx(callbackSpy)),
       startBtn = component.find(".start-button");
     startBtn.simulate("click");
     expect(callbackSpy).toHaveBeenCalled();
@@ -75,7 +81,7 @@ describe("ServerDashboard Component: ", () => {
 
   it("Invokes the stopServer event on button click", () => {
     let callbackSpy = mockAsync(),
-      component = shallow(serverDashboardJsx(callbackSpy)),
+      component = mount(serverDashboardJsx(callbackSpy)),
       stopBtn = component.find(".stop-button");
     stopBtn.simulate("click");
     expect(callbackSpy).toHaveBeenCalled();
@@ -83,14 +89,14 @@ describe("ServerDashboard Component: ", () => {
 
   it("Invokes the shutdownHub event on button click", () => {
     let callbackSpy = mockAsync(),
-      component = shallow(serverDashboardJsx(callbackSpy)),
-      shutdownBtn = component.find(".shutdown-button");
+      component = mount(serverDashboardJsx(callbackSpy)),
+      shutdownBtn = component.find("#shutdown-button").first();
     shutdownBtn.simulate("click");
     expect(callbackSpy).toHaveBeenCalled();
   });
 
   it("Sorts according to username", () => {
-    let component = mount(deepServerDashboardJsx(jest.fn())).find(
+    let component = mount(serverDashboardJsx(jest.fn())).find(
         "ServerDashboard"
       ),
       handler = component.find("SortHandler").first();
@@ -103,7 +109,7 @@ describe("ServerDashboard Component: ", () => {
   });
 
   it("Sorts according to admin", () => {
-    let component = mount(deepServerDashboardJsx(jest.fn())).find(
+    let component = mount(serverDashboardJsx(jest.fn())).find(
         "ServerDashboard"
       ),
       handler = component.find("SortHandler").at(1);
@@ -116,7 +122,7 @@ describe("ServerDashboard Component: ", () => {
   });
 
   it("Sorts according to last activity", () => {
-    let component = mount(deepServerDashboardJsx(jest.fn())).find(
+    let component = mount(serverDashboardJsx(jest.fn())).find(
         "ServerDashboard"
       ),
       handler = component.find("SortHandler").at(2);
@@ -131,7 +137,7 @@ describe("ServerDashboard Component: ", () => {
   });
 
   it("Sorts according to server status (running/not running)", () => {
-    let component = mount(deepServerDashboardJsx(jest.fn())).find(
+    let component = mount(serverDashboardJsx(jest.fn())).find(
         "ServerDashboard"
       ),
       handler = component.find("SortHandler").at(3);
@@ -146,7 +152,10 @@ describe("ServerDashboard Component: ", () => {
   });
 
   it("Renders nothing if required data is not available", () => {
-    let component = shallow(<ServerDashboard />);
+    useSelector.mockImplementation((callback) => {
+      return callback({});
+    });
+    let component = mount(serverDashboardJsx(jest.fn()));
     expect(component.html()).toBe("<div></div>");
   });
 });
diff --git a/jsx/src/util/withAPI.js b/jsx/src/util/withAPI.js
new file mode 100644
index 00000000..1e84d764
--- /dev/null
+++ b/jsx/src/util/withAPI.js
@@ -0,0 +1,40 @@
+import { withProps } from "recompose";
+import { jhapiRequest } from "./jhapiUtil";
+
+const withAPI = withProps((props) => ({
+  updateUsers: (cb) => jhapiRequest("/users", "GET"),
+  shutdownHub: () => jhapiRequest("/shutdown", "POST"),
+  startServer: (name) => jhapiRequest("/users/" + name + "/server", "POST"),
+  stopServer: (name) => jhapiRequest("/users/" + name + "/server", "DELETE"),
+  startAll: (names) =>
+    names.map((e) => jhapiRequest("/users/" + e + "/server", "POST")),
+  stopAll: (names) =>
+    names.map((e) => jhapiRequest("/users/" + e + "/server", "DELETE")),
+  addToGroup: (users, groupname) =>
+    jhapiRequest("/groups/" + groupname + "/users", "POST", { users }),
+  removeFromGroup: (users, groupname) =>
+    jhapiRequest("/groups/" + groupname + "/users", "DELETE", { users }),
+  createGroup: (groupName) => jhapiRequest("/groups/" + groupName, "POST"),
+  deleteGroup: (name) => jhapiRequest("/groups/" + name, "DELETE"),
+  addUsers: (usernames, admin) =>
+    jhapiRequest("/users", "POST", { usernames, admin }),
+  editUser: (username, updated_username, admin) =>
+    jhapiRequest("/users/" + username, "PATCH", {
+      name: updated_username,
+      admin,
+    }),
+  deleteUser: (username) => jhapiRequest("/users/" + username, "DELETE"),
+  failRegexEvent: () =>
+    alert(
+      "Cannot change username - either contains special characters or is too short."
+    ),
+  noChangeEvent: () => {
+    returns;
+  },
+  refreshGroupsData: () =>
+    jhapiRequest("/groups", "GET").then((data) => data.json()),
+  refreshUserData: () =>
+    jhapiRequest("/users", "GET").then((data) => data.json()),
+}));
+
+export default withAPI;
diff --git a/jupyterhub-proxy.pid b/jupyterhub-proxy.pid
deleted file mode 100644
index 9a270037..00000000
--- a/jupyterhub-proxy.pid
+++ /dev/null
@@ -1 +0,0 @@
-38441
diff --git a/share/jupyterhub/static/js/admin-react.js b/share/jupyterhub/static/js/admin-react.js
index 79d00a03..7d6af9a5 100644
--- a/share/jupyterhub/static/js/admin-react.js
+++ b/share/jupyterhub/static/js/admin-react.js
@@ -64,7 +64,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! redux */ \"./node_modules/redux/es/redux.js\");\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router/esm/react-router.js\");\n/* harmony import */ var _components_ServerDashboard_ServerDashboard__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/ServerDashboard/ServerDashboard */ \"./src/components/ServerDashboard/ServerDashboard.jsx\");\n/* harmony import */ var _components_Groups_Groups__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/Groups/Groups */ \"./src/components/Groups/Groups.jsx\");\n/* harmony import */ var _components_GroupEdit_GroupEdit__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/GroupEdit/GroupEdit */ \"./src/components/GroupEdit/GroupEdit.jsx\");\n/* harmony import */ var _components_CreateGroup_CreateGroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/CreateGroup/CreateGroup */ \"./src/components/CreateGroup/CreateGroup.jsx\");\n/* harmony import */ var _components_AddUser_AddUser__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/AddUser/AddUser */ \"./src/components/AddUser/AddUser.jsx\");\n/* harmony import */ var _components_EditUser_EditUser__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/EditUser/EditUser */ \"./src/components/EditUser/EditUser.jsx\");\n/* harmony import */ var _style_root_css__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./style/root.css */ \"./src/style/root.css\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar store = (0,redux__WEBPACK_IMPORTED_MODULE_12__.createStore)(_Store__WEBPACK_IMPORTED_MODULE_3__.reducers, _Store__WEBPACK_IMPORTED_MODULE_3__.initialState);\n\nvar App = function App(props) {\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/users\", \"GET\").then(function (data) {\n      return data.json();\n    }).then(function (data) {\n      return store.dispatch({\n        type: \"USER_DATA\",\n        value: data\n      });\n    })[\"catch\"](function (err) {\n      return console.log(err);\n    });\n    (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/groups\", \"GET\").then(function (data) {\n      return data.json();\n    }).then(function (data) {\n      return store.dispatch({\n        type: \"GROUPS_DATA\",\n        value: data\n      });\n    })[\"catch\"](function (err) {\n      return console.log(err);\n    });\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"resets\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_redux__WEBPACK_IMPORTED_MODULE_2__.Provider, {\n    store: store\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_13__.HashRouter, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_14__.Switch, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_14__.Route, {\n    exact: true,\n    path: \"/\",\n    component: _components_ServerDashboard_ServerDashboard__WEBPACK_IMPORTED_MODULE_5__.default\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_14__.Route, {\n    exact: true,\n    path: \"/groups\",\n    component: _components_Groups_Groups__WEBPACK_IMPORTED_MODULE_6__.default\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_14__.Route, {\n    exact: true,\n    path: \"/group-edit\",\n    component: _components_GroupEdit_GroupEdit__WEBPACK_IMPORTED_MODULE_7__.default\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_14__.Route, {\n    exact: true,\n    path: \"/create-group\",\n    component: _components_CreateGroup_CreateGroup__WEBPACK_IMPORTED_MODULE_8__.default\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_14__.Route, {\n    exact: true,\n    path: \"/add-users\",\n    component: _components_AddUser_AddUser__WEBPACK_IMPORTED_MODULE_9__.default\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_14__.Route, {\n    exact: true,\n    path: \"/edit-user\",\n    component: _components_EditUser_EditUser__WEBPACK_IMPORTED_MODULE_10__.default\n  })))));\n};\n\nreact_dom__WEBPACK_IMPORTED_MODULE_1__.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(App, null), document.getElementById(\"react-admin-hook\"));\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/App.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! redux */ \"./node_modules/redux/es/redux.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\n/* harmony import */ var _util_withAPI__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./util/withAPI */ \"./src/util/withAPI.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router/esm/react-router.js\");\n/* harmony import */ var _components_ServerDashboard_ServerDashboard__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/ServerDashboard/ServerDashboard */ \"./src/components/ServerDashboard/ServerDashboard.jsx\");\n/* harmony import */ var _components_Groups_Groups__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/Groups/Groups */ \"./src/components/Groups/Groups.jsx\");\n/* harmony import */ var _components_GroupEdit_GroupEdit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/GroupEdit/GroupEdit */ \"./src/components/GroupEdit/GroupEdit.jsx\");\n/* harmony import */ var _components_CreateGroup_CreateGroup__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/CreateGroup/CreateGroup */ \"./src/components/CreateGroup/CreateGroup.jsx\");\n/* harmony import */ var _components_AddUser_AddUser__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/AddUser/AddUser */ \"./src/components/AddUser/AddUser.jsx\");\n/* harmony import */ var _components_EditUser_EditUser__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./components/EditUser/EditUser */ \"./src/components/EditUser/EditUser.jsx\");\n/* harmony import */ var _style_root_css__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./style/root.css */ \"./src/style/root.css\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar store = (0,redux__WEBPACK_IMPORTED_MODULE_14__.createStore)(_Store__WEBPACK_IMPORTED_MODULE_4__.reducers, _Store__WEBPACK_IMPORTED_MODULE_4__.initialState);\n\nvar App = function App(props) {\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_5__.jhapiRequest)(\"/users\", \"GET\").then(function (data) {\n      return data.json();\n    }).then(function (data) {\n      return store.dispatch({\n        type: \"USER_DATA\",\n        value: data\n      });\n    })[\"catch\"](function (err) {\n      return console.log(err);\n    });\n    (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_5__.jhapiRequest)(\"/groups\", \"GET\").then(function (data) {\n      return data.json();\n    }).then(function (data) {\n      return store.dispatch({\n        type: \"GROUPS_DATA\",\n        value: data\n      });\n    })[\"catch\"](function (err) {\n      return console.log(err);\n    });\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"resets\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_redux__WEBPACK_IMPORTED_MODULE_2__.Provider, {\n    store: store\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_15__.HashRouter, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_16__.Switch, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_16__.Route, {\n    exact: true,\n    path: \"/\",\n    component: (0,recompose__WEBPACK_IMPORTED_MODULE_3__.compose)(_util_withAPI__WEBPACK_IMPORTED_MODULE_6__.default)(_components_ServerDashboard_ServerDashboard__WEBPACK_IMPORTED_MODULE_7__.default)\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_16__.Route, {\n    exact: true,\n    path: \"/groups\",\n    component: (0,recompose__WEBPACK_IMPORTED_MODULE_3__.compose)(_util_withAPI__WEBPACK_IMPORTED_MODULE_6__.default)(_components_Groups_Groups__WEBPACK_IMPORTED_MODULE_8__.default)\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_16__.Route, {\n    exact: true,\n    path: \"/group-edit\",\n    component: (0,recompose__WEBPACK_IMPORTED_MODULE_3__.compose)(_util_withAPI__WEBPACK_IMPORTED_MODULE_6__.default)(_components_GroupEdit_GroupEdit__WEBPACK_IMPORTED_MODULE_9__.default)\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_16__.Route, {\n    exact: true,\n    path: \"/create-group\",\n    component: (0,recompose__WEBPACK_IMPORTED_MODULE_3__.compose)(_util_withAPI__WEBPACK_IMPORTED_MODULE_6__.default)(_components_CreateGroup_CreateGroup__WEBPACK_IMPORTED_MODULE_10__.default)\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_16__.Route, {\n    exact: true,\n    path: \"/add-users\",\n    component: (0,recompose__WEBPACK_IMPORTED_MODULE_3__.compose)(_util_withAPI__WEBPACK_IMPORTED_MODULE_6__.default)(_components_AddUser_AddUser__WEBPACK_IMPORTED_MODULE_11__.default)\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_16__.Route, {\n    exact: true,\n    path: \"/edit-user\",\n    component: (0,recompose__WEBPACK_IMPORTED_MODULE_3__.compose)(_util_withAPI__WEBPACK_IMPORTED_MODULE_6__.default)(_components_EditUser_EditUser__WEBPACK_IMPORTED_MODULE_12__.default)\n  })))));\n};\n\nreact_dom__WEBPACK_IMPORTED_MODULE_1__.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(App, null), document.getElementById(\"react-admin-hook\"));\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/App.jsx?");
 
 /***/ }),
 
@@ -95,7 +95,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\nvar AddUser = function AddUser(props) {\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n      _useState2 = _slicedToArray(_useState, 2),\n      users = _useState2[0],\n      setUsers = _useState2[1],\n      _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState4 = _slicedToArray(_useState3, 2),\n      admin = _useState4[0],\n      setAdmin = _useState4[1];\n\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n\n  var dispatchUserData = function dispatchUserData(data) {\n    dispatch({\n      type: \"USER_DATA\",\n      value: data\n    });\n  };\n\n  var addUsers = props.addUsers,\n      failRegexEvent = props.failRegexEvent,\n      refreshUserData = props.refreshUserData,\n      history = props.history;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel panel-default\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-heading\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, \"Add Users\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-body\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"form\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"form-group\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"textarea\", {\n    className: \"form-control\",\n    id: \"add-user-textarea\",\n    rows: \"3\",\n    placeholder: \"usernames separated by line\",\n    onBlur: function onBlur(e) {\n      var split_users = e.target.value.split(\"\\n\");\n      setUsers(split_users);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"input\", {\n    className: \"form-check-input\",\n    type: \"checkbox\",\n    value: \"\",\n    id: \"admin-check\",\n    onChange: function onChange(e) {\n      return setAdmin(e.target.checked);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"label\", {\n    className: \"form-check-label\"\n  }, \"Admin\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-footer\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"return\",\n    className: \"btn btn-light\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, {\n    to: \"/\"\n  }, \"Back\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"submit\",\n    className: \"btn btn-primary\",\n    onClick: function onClick() {\n      var filtered_users = users.filter(function (e) {\n        return e.length > 2 && /[!@#$%^&*(),.?\":{}|<>]/g.test(e) == false;\n      });\n\n      if (filtered_users.length < users.length) {\n        var _removed_users = users.filter(function (e) {\n          return !filtered_users.includes(e);\n        });\n\n        setUsers(filtered_users);\n        failRegexEvent();\n      }\n\n      addUsers(filtered_users, admin).then(refreshUserData().then(function (data) {\n        return dispatchUserData(data);\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      })).then(function () {\n        return history.push(\"/\");\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Add Users\")))))));\n};\n\nAddUser.propTypes = {\n  addUsers: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  failRegexEvent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  refreshUserData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n  })\n};\nvar withUserAPI = (0,recompose__WEBPACK_IMPORTED_MODULE_2__.withProps)(function (props) {\n  return {\n    addUsers: function addUsers(usernames, admin) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/users\", \"POST\", {\n        usernames: usernames,\n        admin: admin\n      });\n    },\n    failRegexEvent: function failRegexEvent() {\n      return alert(\"Removed \" + JSON.stringify(removed_users) + \" for either containing special characters or being too short.\");\n    },\n    refreshUserData: function refreshUserData() {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/users\", \"GET\").then(function (data) {\n        return data.json();\n      });\n    }\n  };\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,recompose__WEBPACK_IMPORTED_MODULE_2__.compose)(withUserAPI)(AddUser));\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/AddUser/AddUser.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\nvar AddUser = function AddUser(props) {\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n      _useState2 = _slicedToArray(_useState, 2),\n      users = _useState2[0],\n      setUsers = _useState2[1],\n      _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState4 = _slicedToArray(_useState3, 2),\n      admin = _useState4[0],\n      setAdmin = _useState4[1];\n\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n\n  var dispatchUserData = function dispatchUserData(data) {\n    dispatch({\n      type: \"USER_DATA\",\n      value: data\n    });\n  };\n\n  var addUsers = props.addUsers,\n      failRegexEvent = props.failRegexEvent,\n      refreshUserData = props.refreshUserData,\n      history = props.history;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel panel-default\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-heading\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, \"Add Users\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-body\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"form\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"form-group\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"textarea\", {\n    className: \"form-control\",\n    id: \"add-user-textarea\",\n    rows: \"3\",\n    placeholder: \"usernames separated by line\",\n    onBlur: function onBlur(e) {\n      var split_users = e.target.value.split(\"\\n\");\n      setUsers(split_users);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"input\", {\n    className: \"form-check-input\",\n    type: \"checkbox\",\n    value: \"\",\n    id: \"admin-check\",\n    onChange: function onChange(e) {\n      return setAdmin(e.target.checked);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"label\", {\n    className: \"form-check-label\"\n  }, \"Admin\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-footer\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"return\",\n    className: \"btn btn-light\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, {\n    to: \"/\"\n  }, \"Back\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"submit\",\n    className: \"btn btn-primary\",\n    onClick: function onClick() {\n      var filtered_users = users.filter(function (e) {\n        return e.length > 2 && /[!@#$%^&*(),.?\":{}|<>]/g.test(e) == false;\n      });\n\n      if (filtered_users.length < users.length) {\n        var removed_users = users.filter(function (e) {\n          return !filtered_users.includes(e);\n        });\n        setUsers(filtered_users);\n        failRegexEvent();\n      }\n\n      addUsers(filtered_users, admin).then(refreshUserData().then(function (data) {\n        return dispatchUserData(data);\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      })).then(function () {\n        return history.push(\"/\");\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Add Users\")))))));\n};\n\nAddUser.propTypes = {\n  addUsers: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  failRegexEvent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  refreshUserData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n  })\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AddUser);\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/AddUser/AddUser.jsx?");
 
 /***/ }),
 
@@ -110,7 +110,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\nvar CreateGroup = function CreateGroup(props) {\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"),\n      _useState2 = _slicedToArray(_useState, 2),\n      groupName = _useState2[0],\n      setGroupName = _useState2[1];\n\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n\n  var dispatchGroupsData = function dispatchGroupsData(data) {\n    dispatch({\n      type: \"GROUPS_DATA\",\n      value: data\n    });\n  };\n\n  var createGroup = props.createGroup,\n      refreshGroupsData = props.refreshGroupsData,\n      history = props.history;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel panel-default\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-heading\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, \"Create Group\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-body\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"input-group\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"input\", {\n    className: \"group-name-input\",\n    type: \"text\",\n    id: \"group-name\",\n    value: groupName,\n    placeholder: \"group name...\",\n    onChange: function onChange(e) {\n      setGroupName(e.target.value);\n    }\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-footer\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"return\",\n    className: \"btn btn-light\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, {\n    to: \"/\"\n  }, \"Back\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"submit\",\n    className: \"btn btn-primary\",\n    onClick: function onClick() {\n      createGroup(groupName).then(refreshGroupsData().then(function (data) {\n        return dispatchGroupsData(data);\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      })).then(history.push(\"/groups\"))[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Create\")))))));\n};\n\nCreateGroup.propTypes = {\n  createGroup: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  refreshGroupsData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  failRegexEvent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n  })\n};\nvar withGroupsAPI = (0,recompose__WEBPACK_IMPORTED_MODULE_2__.withProps)(function (props) {\n  return {\n    createGroup: function createGroup(groupName) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/groups/\" + groupName, \"POST\");\n    },\n    failRegexEvent: function failRegexEvent() {\n      return alert(\"Removed \" + JSON.stringify(removed_users) + \" for either containing special characters or being too short.\");\n    },\n    refreshGroupsData: function refreshGroupsData() {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/groups\", \"GET\").then(function (data) {\n        return data.json();\n      });\n    }\n  };\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,recompose__WEBPACK_IMPORTED_MODULE_2__.compose)(withGroupsAPI)(CreateGroup));\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/CreateGroup/CreateGroup.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\nvar CreateGroup = function CreateGroup(props) {\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"),\n      _useState2 = _slicedToArray(_useState, 2),\n      groupName = _useState2[0],\n      setGroupName = _useState2[1];\n\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n\n  var dispatchGroupsData = function dispatchGroupsData(data) {\n    dispatch({\n      type: \"GROUPS_DATA\",\n      value: data\n    });\n  };\n\n  var createGroup = props.createGroup,\n      refreshGroupsData = props.refreshGroupsData,\n      history = props.history;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel panel-default\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-heading\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, \"Create Group\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-body\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"input-group\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"input\", {\n    className: \"group-name-input\",\n    type: \"text\",\n    id: \"group-name\",\n    value: groupName,\n    placeholder: \"group name...\",\n    onChange: function onChange(e) {\n      setGroupName(e.target.value);\n    }\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-footer\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"return\",\n    className: \"btn btn-light\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, {\n    to: \"/\"\n  }, \"Back\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"submit\",\n    className: \"btn btn-primary\",\n    onClick: function onClick() {\n      createGroup(groupName).then(refreshGroupsData().then(function (data) {\n        return dispatchGroupsData(data);\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      })).then(history.push(\"/groups\"))[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Create\")))))));\n};\n\nCreateGroup.propTypes = {\n  createGroup: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  refreshGroupsData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  failRegexEvent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n  })\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CreateGroup);\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/CreateGroup/CreateGroup.jsx?");
 
 /***/ }),
 
@@ -125,7 +125,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\nvar EditUser = function EditUser(props) {\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n\n  var dispatchUserData = function dispatchUserData(data) {\n    dispatch({\n      type: \"USER_DATA\",\n      value: data\n    });\n  };\n\n  var editUser = props.editUser,\n      deleteUser = props.deleteUser,\n      failRegexEvent = props.failRegexEvent,\n      noChangeEvent = props.noChangeEvent,\n      refreshUserData = props.refreshUserData,\n      history = props.history;\n\n  if (props.location.state == undefined) {\n    props.history.push(\"/\");\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n  }\n\n  var _props$location$state = props.location.state,\n      username = _props$location$state.username,\n      has_admin = _props$location$state.has_admin;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"),\n      _useState2 = _slicedToArray(_useState, 2),\n      updatedUsername = _useState2[0],\n      setUpdatedUsername = _useState2[1],\n      _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(has_admin),\n      _useState4 = _slicedToArray(_useState3, 2),\n      admin = _useState4[0],\n      setAdmin = _useState4[1];\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel panel-default\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-heading\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, \"Editing user \", username)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-body\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"form\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"form-group\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"textarea\", {\n    className: \"form-control\",\n    id: \"exampleFormControlTextarea1\",\n    rows: \"3\",\n    placeholder: \"updated username\",\n    onBlur: function onBlur(e) {\n      setUpdatedUsername(e.target.value);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"input\", {\n    className: \"form-check-input\",\n    checked: admin,\n    type: \"checkbox\",\n    id: \"admin-check\",\n    onChange: function onChange(e) {\n      return setAdmin(!admin);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"label\", {\n    className: \"form-check-label\"\n  }, \"Admin\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"delete-user\",\n    className: \"btn btn-danger btn-sm\",\n    onClick: function onClick() {\n      deleteUser(username).then(function (data) {\n        history.push(\"/\");\n        refreshUserData().then(function (data) {\n          return dispatchUserData(data);\n        })[\"catch\"](function (err) {\n          return console.log(err);\n        });\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Delete user\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-footer\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    className: \"btn btn-light\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, {\n    to: \"/\"\n  }, \"Back\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"submit\",\n    className: \"btn btn-primary\",\n    onClick: function onClick() {\n      if (updatedUsername == \"\" && admin == has_admin) {\n        noChangeEvent();\n        return;\n      } else if (updatedUsername != \"\") {\n        if (updatedUsername.length > 2 && /[!@#$%^&*(),.?\":{}|<>]/g.test(updatedUsername) == false) {\n          editUser(username, updatedUsername != \"\" ? updatedUsername : username, admin).then(function (data) {\n            history.push(\"/\");\n            refreshUserData().then(function (data) {\n              return dispatchUserData(data);\n            })[\"catch\"](function (err) {\n              return console.log(err);\n            });\n          })[\"catch\"](function (err) {});\n        } else {\n          setUpdatedUsername(\"\");\n          failRegexEvent();\n        }\n      } else {\n        editUser(username, username, admin).then(function (data) {\n          history.push(\"/\");\n          refreshUserData().then(function (data) {\n            return dispatchUserData(data);\n          })[\"catch\"](function (err) {\n            return console.log(err);\n          });\n        })[\"catch\"](function (err) {});\n      }\n    }\n  }, \"Apply\")))))));\n};\n\nEditUser.propTypes = {\n  location: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    state: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n      username: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n      has_admin: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool)\n    })\n  }),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n  }),\n  editUser: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  deleteUser: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  failRegexEvent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  noChangeEvent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  refreshUserData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n};\nvar withUserAPI = (0,recompose__WEBPACK_IMPORTED_MODULE_2__.withProps)(function (props) {\n  return {\n    editUser: function editUser(username, updated_username, admin) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/users/\" + username, \"PATCH\", {\n        name: updated_username,\n        admin: admin\n      });\n    },\n    deleteUser: function deleteUser(username) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/users/\" + username, \"DELETE\");\n    },\n    failRegexEvent: function failRegexEvent() {\n      return alert(\"Cannot change username - either contains special characters or is too short.\");\n    },\n    noChangeEvent: function noChangeEvent() {\n      returns;\n    },\n    refreshUserData: function refreshUserData() {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/users\", \"GET\").then(function (data) {\n        return data.json();\n      });\n    }\n  };\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,recompose__WEBPACK_IMPORTED_MODULE_2__.compose)(withUserAPI)(EditUser));\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/EditUser/EditUser.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\nvar EditUser = function EditUser(props) {\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n\n  var dispatchUserData = function dispatchUserData(data) {\n    dispatch({\n      type: \"USER_DATA\",\n      value: data\n    });\n  };\n\n  var editUser = props.editUser,\n      deleteUser = props.deleteUser,\n      failRegexEvent = props.failRegexEvent,\n      noChangeEvent = props.noChangeEvent,\n      refreshUserData = props.refreshUserData,\n      history = props.history;\n\n  if (props.location.state == undefined) {\n    props.history.push(\"/\");\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n  }\n\n  var _props$location$state = props.location.state,\n      username = _props$location$state.username,\n      has_admin = _props$location$state.has_admin;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"),\n      _useState2 = _slicedToArray(_useState, 2),\n      updatedUsername = _useState2[0],\n      setUpdatedUsername = _useState2[1],\n      _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(has_admin),\n      _useState4 = _slicedToArray(_useState3, 2),\n      admin = _useState4[0],\n      setAdmin = _useState4[1];\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel panel-default\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-heading\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, \"Editing user \", username)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-body\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"form\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"form-group\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"textarea\", {\n    className: \"form-control\",\n    id: \"exampleFormControlTextarea1\",\n    rows: \"3\",\n    placeholder: \"updated username\",\n    onBlur: function onBlur(e) {\n      setUpdatedUsername(e.target.value);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"input\", {\n    className: \"form-check-input\",\n    checked: admin,\n    type: \"checkbox\",\n    id: \"admin-check\",\n    onChange: function onChange(e) {\n      return setAdmin(!admin);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"label\", {\n    className: \"form-check-label\"\n  }, \"Admin\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"delete-user\",\n    className: \"btn btn-danger btn-sm\",\n    onClick: function onClick() {\n      deleteUser(username).then(function (data) {\n        history.push(\"/\");\n        refreshUserData().then(function (data) {\n          return dispatchUserData(data);\n        })[\"catch\"](function (err) {\n          return console.log(err);\n        });\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Delete user\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-footer\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    className: \"btn btn-light\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.Link, {\n    to: \"/\"\n  }, \"Back\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"submit\",\n    className: \"btn btn-primary\",\n    onClick: function onClick() {\n      if (updatedUsername == \"\" && admin == has_admin) {\n        noChangeEvent();\n        return;\n      } else if (updatedUsername != \"\") {\n        if (updatedUsername.length > 2 && /[!@#$%^&*(),.?\":{}|<>]/g.test(updatedUsername) == false) {\n          editUser(username, updatedUsername != \"\" ? updatedUsername : username, admin).then(function (data) {\n            history.push(\"/\");\n            refreshUserData().then(function (data) {\n              return dispatchUserData(data);\n            })[\"catch\"](function (err) {\n              return console.log(err);\n            });\n          })[\"catch\"](function (err) {});\n        } else {\n          setUpdatedUsername(\"\");\n          failRegexEvent();\n        }\n      } else {\n        editUser(username, username, admin).then(function (data) {\n          history.push(\"/\");\n          refreshUserData().then(function (data) {\n            return dispatchUserData(data);\n          })[\"catch\"](function (err) {\n            return console.log(err);\n          });\n        })[\"catch\"](function (err) {});\n      }\n    }\n  }, \"Apply\")))))));\n};\n\nEditUser.propTypes = {\n  location: prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({\n    state: prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({\n      username: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n      has_admin: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)\n    })\n  }),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)\n  }),\n  editUser: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  deleteUser: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  failRegexEvent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  noChangeEvent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  refreshUserData: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EditUser);\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/EditUser/EditUser.jsx?");
 
 /***/ }),
 
@@ -140,7 +140,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\n/* harmony import */ var _Multiselect_Multiselect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Multiselect/Multiselect */ \"./src/components/Multiselect/Multiselect.jsx\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\nvar GroupEdit = function GroupEdit(props) {\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n      _useState2 = _slicedToArray(_useState, 2),\n      selected = _useState2[0],\n      setSelected = _useState2[1],\n      _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState4 = _slicedToArray(_useState3, 2),\n      changed = _useState4[0],\n      setChanged = _useState4[1],\n      _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(undefined),\n      _useState6 = _slicedToArray(_useState5, 2),\n      added = _useState6[0],\n      setAdded = _useState6[1],\n      _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(undefined),\n      _useState8 = _slicedToArray(_useState7, 2),\n      removed = _useState8[0],\n      setRemoved = _useState8[1];\n\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n\n  var dispatchGroupsData = function dispatchGroupsData(data) {\n    dispatch({\n      type: \"GROUPS_DATA\",\n      value: data\n    });\n  };\n\n  var addToGroup = props.addToGroup,\n      removeFromGroup = props.removeFromGroup,\n      deleteGroup = props.deleteGroup,\n      refreshGroupsData = props.refreshGroupsData,\n      history = props.history,\n      location = props.location;\n\n  if (!location.state) {\n    history.push(\"/groups\");\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n  }\n\n  var _location$state = location.state,\n      group_data = _location$state.group_data,\n      user_data = _location$state.user_data,\n      callback = _location$state.callback;\n  if (!(group_data && user_data)) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", null);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h3\", null, \"Editing Group \", group_data.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"alert alert-info\"\n  }, \"Select group members\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Multiselect_Multiselect__WEBPACK_IMPORTED_MODULE_5__.default, {\n    options: user_data.map(function (e) {\n      return e.name;\n    }),\n    value: group_data.users,\n    onChange: function onChange(selection, options) {\n      setSelected(selection);\n      setChanged(true);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"return\",\n    className: \"btn btn-light\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_6__.Link, {\n    to: \"/groups\"\n  }, \"Back\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"submit\",\n    className: \"btn btn-primary\",\n    onClick: function onClick() {\n      // check for changes\n      if (!changed) {\n        history.push(\"/groups\");\n        return;\n      }\n\n      var new_users = selected.filter(function (e) {\n        return !group_data.users.includes(e);\n      });\n      var removed_users = group_data.users.filter(function (e) {\n        return !selected.includes(e);\n      });\n      setAdded(new_users);\n      setRemoved(removed_users);\n      var promiseQueue = [];\n      if (new_users.length > 0) promiseQueue.push(addToGroup(new_users, group_data.name));\n      if (removed_users.length > 0) promiseQueue.push(removeFromGroup(removed_users, group_data.name));\n      Promise.all(promiseQueue).then(function (e) {\n        return callback();\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      });\n      history.push(\"/groups\");\n    }\n  }, \"Apply\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"delete-group\",\n    className: \"btn btn-danger\",\n    style: {\n      \"float\": \"right\"\n    },\n    onClick: function onClick() {\n      var groupName = group_data.name;\n      deleteGroup(groupName).then(refreshGroupsData().then(function (data) {\n        return dispatchGroupsData(data);\n      })).then(history.push(\"/groups\"))[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Delete Group\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null))));\n};\n\nGroupEdit.propTypes = {\n  location: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    state: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n      group_data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),\n      user_data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array),\n      callback: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n    })\n  }),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n  }),\n  addToGroup: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  removeFromGroup: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  deleteGroup: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  refreshGroupsData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n};\nvar withGroupsAPI = (0,recompose__WEBPACK_IMPORTED_MODULE_2__.withProps)(function (props) {\n  return {\n    addToGroup: function addToGroup(users, groupname) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/groups/\" + groupname + \"/users\", \"POST\", {\n        users: users\n      });\n    },\n    removeFromGroup: function removeFromGroup(users, groupname) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/groups/\" + groupname + \"/users\", \"DELETE\", {\n        users: users\n      });\n    },\n    deleteGroup: function deleteGroup(name) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/groups/\" + name, \"DELETE\");\n    },\n    refreshGroupsData: function refreshGroupsData() {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/groups\", \"GET\").then(function (data) {\n        return data.json();\n      });\n    }\n  };\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,recompose__WEBPACK_IMPORTED_MODULE_2__.compose)(withGroupsAPI)(GroupEdit));\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/GroupEdit/GroupEdit.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\n/* harmony import */ var _Multiselect_Multiselect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Multiselect/Multiselect */ \"./src/components/Multiselect/Multiselect.jsx\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\nvar GroupEdit = function GroupEdit(props) {\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n      _useState2 = _slicedToArray(_useState, 2),\n      selected = _useState2[0],\n      setSelected = _useState2[1],\n      _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState4 = _slicedToArray(_useState3, 2),\n      changed = _useState4[0],\n      setChanged = _useState4[1],\n      _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(undefined),\n      _useState6 = _slicedToArray(_useState5, 2),\n      added = _useState6[0],\n      setAdded = _useState6[1],\n      _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(undefined),\n      _useState8 = _slicedToArray(_useState7, 2),\n      removed = _useState8[0],\n      setRemoved = _useState8[1];\n\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n\n  var dispatchGroupsData = function dispatchGroupsData(data) {\n    dispatch({\n      type: \"GROUPS_DATA\",\n      value: data\n    });\n  };\n\n  var addToGroup = props.addToGroup,\n      removeFromGroup = props.removeFromGroup,\n      deleteGroup = props.deleteGroup,\n      refreshGroupsData = props.refreshGroupsData,\n      history = props.history,\n      location = props.location;\n\n  if (!location.state) {\n    history.push(\"/groups\");\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);\n  }\n\n  var _location$state = location.state,\n      group_data = _location$state.group_data,\n      user_data = _location$state.user_data,\n      callback = _location$state.callback;\n  if (!(group_data && user_data)) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", null);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h3\", null, \"Editing Group \", group_data.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"alert alert-info\"\n  }, \"Select group members\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Multiselect_Multiselect__WEBPACK_IMPORTED_MODULE_5__.default, {\n    options: user_data.map(function (e) {\n      return e.name;\n    }),\n    value: group_data.users,\n    onChange: function onChange(selection, options) {\n      setSelected(selection);\n      setChanged(true);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"return\",\n    className: \"btn btn-light\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_6__.Link, {\n    to: \"/groups\"\n  }, \"Back\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"submit\",\n    className: \"btn btn-primary\",\n    onClick: function onClick() {\n      // check for changes\n      if (!changed) {\n        history.push(\"/groups\");\n        return;\n      }\n\n      var new_users = selected.filter(function (e) {\n        return !group_data.users.includes(e);\n      });\n      var removed_users = group_data.users.filter(function (e) {\n        return !selected.includes(e);\n      });\n      setAdded(new_users);\n      setRemoved(removed_users);\n      var promiseQueue = [];\n      if (new_users.length > 0) promiseQueue.push(addToGroup(new_users, group_data.name));\n      if (removed_users.length > 0) promiseQueue.push(removeFromGroup(removed_users, group_data.name));\n      Promise.all(promiseQueue).then(function (e) {\n        return callback();\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      });\n      history.push(\"/groups\");\n    }\n  }, \"Apply\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    id: \"delete-group\",\n    className: \"btn btn-danger\",\n    style: {\n      \"float\": \"right\"\n    },\n    onClick: function onClick() {\n      var groupName = group_data.name;\n      deleteGroup(groupName).then(refreshGroupsData().then(function (data) {\n        return dispatchGroupsData(data);\n      })).then(history.push(\"/groups\"))[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Delete Group\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"br\", null))));\n};\n\nGroupEdit.propTypes = {\n  location: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    state: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n      group_data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),\n      user_data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array),\n      callback: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n    })\n  }),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n  }),\n  addToGroup: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  removeFromGroup: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  deleteGroup: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  refreshGroupsData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GroupEdit);\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/GroupEdit/GroupEdit.jsx?");
 
 /***/ }),
 
@@ -155,7 +155,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\n\n\n\n\n\n\n\nvar Groups = function Groups(props) {\n  var user_data = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(function (state) {\n    return state.user_data;\n  }),\n      groups_data = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(function (state) {\n    return state.groups_data;\n  }),\n      dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n  var refreshGroupsData = props.refreshGroupsData,\n      refreshUserData = props.refreshUserData,\n      history = props.history;\n\n  if (!groups_data || !user_data) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", null);\n  }\n\n  var dispatchGroupsData = function dispatchGroupsData(data) {\n    dispatch({\n      type: \"GROUPS_DATA\",\n      value: data\n    });\n  };\n\n  var dispatchUserData = function dispatchUserData(data) {\n    dispatch({\n      type: \"USER_DATA\",\n      value: data\n    });\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"col-md-12 col-lg-10 col-lg-offset-1\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel panel-default\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-heading\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, \"Groups\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-body\"\n  }, groups_data.length > 0 ? groups_data.map(function (e, i) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n      key: \"group-edit\" + i,\n      className: \"group-edit-link\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, {\n      to: {\n        pathname: \"/group-edit\",\n        state: {\n          group_data: e,\n          user_data: user_data,\n          callback: function callback() {\n            refreshGroupsData().then(function (data) {\n              return dispatchGroupsData(data);\n            })[\"catch\"](function (err) {\n              return console.log(err);\n            });\n            refreshUserData().then(function (data) {\n              return dispatchUserData(data);\n            })[\"catch\"](function (err) {\n              return console.log(err);\n            });\n          }\n        }\n      }\n    }, e.name)));\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, \"no groups created...\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-footer\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    className: \"btn btn-light adjacent-span-spacing\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, {\n    to: \"/\"\n  }, \"Back\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    className: \"btn btn-primary adjacent-span-spacing\",\n    onClick: function onClick() {\n      history.push(\"/create-group\");\n    }\n  }, \"New Group\"))))));\n};\n\nGroups.propTypes = {\n  user_data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array),\n  groups_data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array),\n  refreshUserData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  refreshGroupsData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n  })\n};\nvar withGroupsAPI = (0,recompose__WEBPACK_IMPORTED_MODULE_2__.withProps)(function (props) {\n  return {\n    refreshGroupsData: function refreshGroupsData() {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/groups\", \"GET\").then(function (data) {\n        return data.json();\n      });\n    },\n    refreshUserData: function refreshUserData() {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/users\", \"GET\").then(function (data) {\n        return data.json();\n      });\n    },\n    addUsersToGroup: function addUsersToGroup(name, new_users) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/groups/\" + name + \"/users\", \"POST\", {\n        body: {\n          users: new_users\n        },\n        json: true\n      });\n    },\n    removeUsersFromGroup: function removeUsersFromGroup(name, removed_users) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__.jhapiRequest)(\"/groups/\" + name + \"/users\", \"DELETE\", {\n        body: {\n          users: removed_users\n        },\n        json: true\n      });\n    }\n  };\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,recompose__WEBPACK_IMPORTED_MODULE_2__.compose)(withGroupsAPI)(Groups));\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/Groups/Groups.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\n\n\n\n\n\n\n\nvar Groups = function Groups(props) {\n  var user_data = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(function (state) {\n    return state.user_data;\n  }),\n      groups_data = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(function (state) {\n    return state.groups_data;\n  }),\n      dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n  var refreshGroupsData = props.refreshGroupsData,\n      refreshUserData = props.refreshUserData,\n      history = props.history;\n\n  if (!groups_data || !user_data) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", null);\n  }\n\n  var dispatchGroupsData = function dispatchGroupsData(data) {\n    dispatch({\n      type: \"GROUPS_DATA\",\n      value: data\n    });\n  };\n\n  var dispatchUserData = function dispatchUserData(data) {\n    dispatch({\n      type: \"USER_DATA\",\n      value: data\n    });\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"col-md-12 col-lg-10 col-lg-offset-1\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel panel-default\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-heading\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, \"Groups\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-body\"\n  }, groups_data.length > 0 ? groups_data.map(function (e, i) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n      key: \"group-edit\" + i,\n      className: \"group-edit-link\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, {\n      to: {\n        pathname: \"/group-edit\",\n        state: {\n          group_data: e,\n          user_data: user_data,\n          callback: function callback() {\n            refreshGroupsData().then(function (data) {\n              return dispatchGroupsData(data);\n            })[\"catch\"](function (err) {\n              return console.log(err);\n            });\n            refreshUserData().then(function (data) {\n              return dispatchUserData(data);\n            })[\"catch\"](function (err) {\n              return console.log(err);\n            });\n          }\n        }\n      }\n    }, e.name)));\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h4\", null, \"no groups created...\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"panel-footer\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    className: \"btn btn-light adjacent-span-spacing\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Link, {\n    to: \"/\"\n  }, \"Back\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n    className: \"btn btn-primary adjacent-span-spacing\",\n    onClick: function onClick() {\n      history.push(\"/create-group\");\n    }\n  }, \"New Group\"))))));\n};\n\nGroups.propTypes = {\n  user_data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array),\n  groups_data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array),\n  refreshUserData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  refreshGroupsData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n  })\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Groups);\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/Groups/Groups.jsx?");
 
 /***/ }),
 
@@ -185,7 +185,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.esm.js\");\n/* harmony import */ var _server_dashboard_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./server-dashboard.css */ \"./src/components/ServerDashboard/server-dashboard.css\");\n/* harmony import */ var _util_timeSince__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/timeSince */ \"./src/util/timeSince.js\");\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\nvar ServerDashboard = function ServerDashboard(props) {\n  // sort methods\n  var usernameDesc = function usernameDesc(e) {\n    return e.sort(function (a, b) {\n      return a.name > b.name ? 1 : -1;\n    });\n  },\n      usernameAsc = function usernameAsc(e) {\n    return e.sort(function (a, b) {\n      return a.name < b.name ? 1 : -1;\n    });\n  },\n      adminDesc = function adminDesc(e) {\n    return e.sort(function (a) {\n      return a.admin ? -1 : 1;\n    });\n  },\n      adminAsc = function adminAsc(e) {\n    return e.sort(function (a) {\n      return a.admin ? 1 : -1;\n    });\n  },\n      dateDesc = function dateDesc(e) {\n    return e.sort(function (a, b) {\n      return new Date(a.last_activity) - new Date(b.last_activity) > 0 ? -1 : 1;\n    });\n  },\n      dateAsc = function dateAsc(e) {\n    return e.sort(function (a, b) {\n      return new Date(a.last_activity) - new Date(b.last_activity) > 0 ? 1 : -1;\n    });\n  },\n      runningAsc = function runningAsc(e) {\n    return e.sort(function (a) {\n      return a.server == null ? -1 : 1;\n    });\n  },\n      runningDesc = function runningDesc(e) {\n    return e.sort(function (a) {\n      return a.server == null ? 1 : -1;\n    });\n  };\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      sortMethod = _useState2[0],\n      setSortMethod = _useState2[1];\n\n  var user_data = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useSelector)(function (state) {\n    return state.user_data;\n  });\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();\n  var updateUsers = props.updateUsers,\n      shutdownHub = props.shutdownHub,\n      startServer = props.startServer,\n      stopServer = props.stopServer,\n      startAll = props.startAll,\n      stopAll = props.stopAll,\n      history = props.history;\n\n  var dispatchUserUpdate = function dispatchUserUpdate(data) {\n    dispatch({\n      type: \"USER_DATA\",\n      value: data\n    });\n  };\n\n  if (!user_data) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", null);\n  }\n\n  if (sortMethod != null) {\n    user_data = sortMethod(user_data);\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"manage-groups\",\n    style: {\n      \"float\": \"right\",\n      margin: \"20px\"\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.Link, {\n    to: \"/groups\"\n  }, \"> Manage Groups\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"server-dashboard-container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"table\", {\n    className: \"table table-striped table-bordered table-hover\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"thead\", {\n    className: \"admin-table-head\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"tr\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"th\", {\n    id: \"user-header\"\n  }, \"User\", \" \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SortHandler, {\n    sorts: {\n      asc: usernameAsc,\n      desc: usernameDesc\n    },\n    callback: function callback(method) {\n      return setSortMethod(function () {\n        return method;\n      });\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"th\", {\n    id: \"admin-header\"\n  }, \"Admin\", \" \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SortHandler, {\n    sorts: {\n      asc: adminAsc,\n      desc: adminDesc\n    },\n    callback: function callback(method) {\n      return setSortMethod(function () {\n        return method;\n      });\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"th\", {\n    id: \"last-activity-header\"\n  }, \"Last Activity\", \" \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SortHandler, {\n    sorts: {\n      asc: dateAsc,\n      desc: dateDesc\n    },\n    callback: function callback(method) {\n      return setSortMethod(function () {\n        return method;\n      });\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"th\", {\n    id: \"running-status-header\"\n  }, \"Running\", \" \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SortHandler, {\n    sorts: {\n      asc: runningAsc,\n      desc: runningDesc\n    },\n    callback: function callback(method) {\n      return setSortMethod(function () {\n        return method;\n      });\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"th\", {\n    id: \"actions-header\"\n  }, \"Actions\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"tbody\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"tr\", {\n    className: \"noborder\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_8__.default, {\n    variant: \"light\",\n    className: \"add-users-button\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.Link, {\n    to: \"/add-users\"\n  }, \"Add Users\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_8__.default, {\n    variant: \"primary\",\n    className: \"start-all\",\n    onClick: function onClick() {\n      Promise.all(startAll(user_data.map(function (e) {\n        return e.name;\n      }))).then(function (res) {\n        updateUsers().then(function (data) {\n          return data.json();\n        }).then(function (data) {\n          dispatchUserUpdate(data);\n        })[\"catch\"](function (err) {\n          return console.log(err);\n        });\n        return res;\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Start All\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_8__.default, {\n    variant: \"danger\",\n    className: \"stop-all\",\n    onClick: function onClick() {\n      Promise.all(stopAll(user_data.map(function (e) {\n        return e.name;\n      }))).then(function (res) {\n        updateUsers().then(function (data) {\n          return data.json();\n        }).then(function (data) {\n          dispatchUserUpdate(data);\n        })[\"catch\"](function (err) {\n          return console.log(err);\n        });\n        return res;\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Stop All\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_8__.default, {\n    variant: \"danger\",\n    className: \"shutdown-button\",\n    onClick: shutdownHub\n  }, \"Shutdown Hub\"))), user_data.map(function (e, i) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"tr\", {\n      key: i + \"row\",\n      className: \"user-row\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, e.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, e.admin ? \"admin\" : \"\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, e.last_activity ? (0,_util_timeSince__WEBPACK_IMPORTED_MODULE_5__.timeSince)(e.last_activity) : \"Never\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, e.server != null ?\n    /*#__PURE__*/\n    // Stop Single-user server\n    react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n      className: \"btn btn-danger btn-xs stop-button\",\n      onClick: function onClick() {\n        return stopServer(e.name).then(function (res) {\n          updateUsers().then(function (data) {\n            return data.json();\n          }).then(function (data) {\n            dispatchUserUpdate(data);\n          });\n          return res;\n        })[\"catch\"](function (err) {\n          return console.log(err);\n        });\n      }\n    }, \"Stop Server\") :\n    /*#__PURE__*/\n    // Start Single-user server\n    react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n      className: \"btn btn-primary btn-xs start-button\",\n      onClick: function onClick() {\n        return startServer(e.name).then(function (res) {\n          updateUsers().then(function (data) {\n            return data.json();\n          }).then(function (data) {\n            dispatchUserUpdate(data);\n          });\n          return res;\n        })[\"catch\"](function (err) {\n          return console.log(err);\n        });\n      }\n    }, \"Start Server\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n      className: \"btn btn-primary btn-xs\",\n      style: {\n        marginRight: 20\n      },\n      onClick: function onClick() {\n        return history.push({\n          pathname: \"/edit-user\",\n          state: {\n            username: e.name,\n            has_admin: e.admin\n          }\n        });\n      }\n    }, \"edit user\")));\n  })))));\n};\n\nServerDashboard.propTypes = {\n  user_data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array),\n  updateUsers: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  shutdownHub: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  startServer: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  stopServer: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  startAll: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  stopAll: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  dispatch: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n  })\n};\n\nvar SortHandler = function SortHandler(props) {\n  var sorts = props.sorts,\n      callback = props.callback;\n\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(undefined),\n      _useState4 = _slicedToArray(_useState3, 2),\n      direction = _useState4[0],\n      setDirection = _useState4[1];\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"sort-icon\",\n    onClick: function onClick() {\n      if (!direction) {\n        callback(sorts.desc);\n        setDirection(\"desc\");\n      } else if (direction == \"asc\") {\n        callback(sorts.desc);\n        setDirection(\"desc\");\n      } else {\n        callback(sorts.asc);\n        setDirection(\"asc\");\n      }\n    }\n  }, !direction ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_9__.FaSort, null) : direction == \"asc\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_9__.FaSortDown, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_9__.FaSortUp, null));\n};\n\nSortHandler.propTypes = {\n  sorts: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),\n  callback: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n};\nvar withHubActions = (0,recompose__WEBPACK_IMPORTED_MODULE_1__.withProps)(function (props) {\n  return {\n    updateUsers: function updateUsers(cb) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_6__.jhapiRequest)(\"/users\", \"GET\");\n    },\n    shutdownHub: function shutdownHub() {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_6__.jhapiRequest)(\"/shutdown\", \"POST\");\n    },\n    startServer: function startServer(name) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_6__.jhapiRequest)(\"/users/\" + name + \"/server\", \"POST\");\n    },\n    stopServer: function stopServer(name) {\n      return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_6__.jhapiRequest)(\"/users/\" + name + \"/server\", \"DELETE\");\n    },\n    startAll: function startAll(names) {\n      return names.map(function (e) {\n        return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_6__.jhapiRequest)(\"/users/\" + e + \"/server\", \"POST\");\n      });\n    },\n    stopAll: function stopAll(names) {\n      return names.map(function (e) {\n        return (0,_util_jhapiUtil__WEBPACK_IMPORTED_MODULE_6__.jhapiRequest)(\"/users/\" + e + \"/server\", \"DELETE\");\n      });\n    }\n  };\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,recompose__WEBPACK_IMPORTED_MODULE_1__.compose)(withHubActions)(ServerDashboard));\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/ServerDashboard/ServerDashboard.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/es/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.esm.js\");\n/* harmony import */ var _server_dashboard_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./server-dashboard.css */ \"./src/components/ServerDashboard/server-dashboard.css\");\n/* harmony import */ var _util_timeSince__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/timeSince */ \"./src/util/timeSince.js\");\n/* harmony import */ var _util_jhapiUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/jhapiUtil */ \"./src/util/jhapiUtil.js\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\nvar ServerDashboard = function ServerDashboard(props) {\n  // sort methods\n  var usernameDesc = function usernameDesc(e) {\n    return e.sort(function (a, b) {\n      return a.name > b.name ? 1 : -1;\n    });\n  },\n      usernameAsc = function usernameAsc(e) {\n    return e.sort(function (a, b) {\n      return a.name < b.name ? 1 : -1;\n    });\n  },\n      adminDesc = function adminDesc(e) {\n    return e.sort(function (a) {\n      return a.admin ? -1 : 1;\n    });\n  },\n      adminAsc = function adminAsc(e) {\n    return e.sort(function (a) {\n      return a.admin ? 1 : -1;\n    });\n  },\n      dateDesc = function dateDesc(e) {\n    return e.sort(function (a, b) {\n      return new Date(a.last_activity) - new Date(b.last_activity) > 0 ? -1 : 1;\n    });\n  },\n      dateAsc = function dateAsc(e) {\n    return e.sort(function (a, b) {\n      return new Date(a.last_activity) - new Date(b.last_activity) > 0 ? 1 : -1;\n    });\n  },\n      runningAsc = function runningAsc(e) {\n    return e.sort(function (a) {\n      return a.server == null ? -1 : 1;\n    });\n  },\n      runningDesc = function runningDesc(e) {\n    return e.sort(function (a) {\n      return a.server == null ? 1 : -1;\n    });\n  };\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      sortMethod = _useState2[0],\n      setSortMethod = _useState2[1];\n\n  var user_data = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useSelector)(function (state) {\n    return state.user_data;\n  });\n  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();\n  var updateUsers = props.updateUsers,\n      shutdownHub = props.shutdownHub,\n      startServer = props.startServer,\n      stopServer = props.stopServer,\n      startAll = props.startAll,\n      stopAll = props.stopAll,\n      history = props.history;\n\n  var dispatchUserUpdate = function dispatchUserUpdate(data) {\n    dispatch({\n      type: \"USER_DATA\",\n      value: data\n    });\n  };\n\n  if (!user_data) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", null);\n  }\n\n  if (sortMethod != null) {\n    user_data = sortMethod(user_data);\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"manage-groups\",\n    style: {\n      \"float\": \"right\",\n      margin: \"20px\"\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.Link, {\n    to: \"/groups\"\n  }, \"> Manage Groups\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"server-dashboard-container\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"table\", {\n    className: \"table table-striped table-bordered table-hover\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"thead\", {\n    className: \"admin-table-head\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"tr\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"th\", {\n    id: \"user-header\"\n  }, \"User\", \" \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SortHandler, {\n    sorts: {\n      asc: usernameAsc,\n      desc: usernameDesc\n    },\n    callback: function callback(method) {\n      return setSortMethod(function () {\n        return method;\n      });\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"th\", {\n    id: \"admin-header\"\n  }, \"Admin\", \" \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SortHandler, {\n    sorts: {\n      asc: adminAsc,\n      desc: adminDesc\n    },\n    callback: function callback(method) {\n      return setSortMethod(function () {\n        return method;\n      });\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"th\", {\n    id: \"last-activity-header\"\n  }, \"Last Activity\", \" \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SortHandler, {\n    sorts: {\n      asc: dateAsc,\n      desc: dateDesc\n    },\n    callback: function callback(method) {\n      return setSortMethod(function () {\n        return method;\n      });\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"th\", {\n    id: \"running-status-header\"\n  }, \"Running\", \" \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SortHandler, {\n    sorts: {\n      asc: runningAsc,\n      desc: runningDesc\n    },\n    callback: function callback(method) {\n      return setSortMethod(function () {\n        return method;\n      });\n    }\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"th\", {\n    id: \"actions-header\"\n  }, \"Actions\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"tbody\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"tr\", {\n    className: \"noborder\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_8__.default, {\n    variant: \"light\",\n    className: \"add-users-button\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.Link, {\n    to: \"/add-users\"\n  }, \"Add Users\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_8__.default, {\n    variant: \"primary\",\n    className: \"start-all\",\n    onClick: function onClick() {\n      Promise.all(startAll(user_data.map(function (e) {\n        return e.name;\n      }))).then(function (res) {\n        updateUsers().then(function (data) {\n          return data.json();\n        }).then(function (data) {\n          dispatchUserUpdate(data);\n        })[\"catch\"](function (err) {\n          return console.log(err);\n        });\n        return res;\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Start All\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"span\", null, \" \"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_8__.default, {\n    variant: \"danger\",\n    className: \"stop-all\",\n    onClick: function onClick() {\n      Promise.all(stopAll(user_data.map(function (e) {\n        return e.name;\n      }))).then(function (res) {\n        updateUsers().then(function (data) {\n          return data.json();\n        }).then(function (data) {\n          dispatchUserUpdate(data);\n        })[\"catch\"](function (err) {\n          return console.log(err);\n        });\n        return res;\n      })[\"catch\"](function (err) {\n        return console.log(err);\n      });\n    }\n  }, \"Stop All\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_8__.default, {\n    variant: \"danger\",\n    id: \"shutdown-button\",\n    onClick: shutdownHub\n  }, \"Shutdown Hub\"))), user_data.map(function (e, i) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"tr\", {\n      key: i + \"row\",\n      className: \"user-row\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, e.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, e.admin ? \"admin\" : \"\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, e.last_activity ? (0,_util_timeSince__WEBPACK_IMPORTED_MODULE_5__.timeSince)(e.last_activity) : \"Never\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, e.server != null ?\n    /*#__PURE__*/\n    // Stop Single-user server\n    react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n      className: \"btn btn-danger btn-xs stop-button\",\n      onClick: function onClick() {\n        return stopServer(e.name).then(function (res) {\n          updateUsers().then(function (data) {\n            return data.json();\n          }).then(function (data) {\n            dispatchUserUpdate(data);\n          });\n          return res;\n        })[\"catch\"](function (err) {\n          return console.log(err);\n        });\n      }\n    }, \"Stop Server\") :\n    /*#__PURE__*/\n    // Start Single-user server\n    react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n      className: \"btn btn-primary btn-xs start-button\",\n      onClick: function onClick() {\n        return startServer(e.name).then(function (res) {\n          updateUsers().then(function (data) {\n            return data.json();\n          }).then(function (data) {\n            dispatchUserUpdate(data);\n          });\n          return res;\n        })[\"catch\"](function (err) {\n          return console.log(err);\n        });\n      }\n    }, \"Start Server\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"button\", {\n      className: \"btn btn-primary btn-xs\",\n      style: {\n        marginRight: 20\n      },\n      onClick: function onClick() {\n        return history.push({\n          pathname: \"/edit-user\",\n          state: {\n            username: e.name,\n            has_admin: e.admin\n          }\n        });\n      }\n    }, \"edit user\")));\n  })))));\n};\n\nServerDashboard.propTypes = {\n  user_data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array),\n  updateUsers: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  shutdownHub: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  startServer: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  stopServer: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  startAll: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  stopAll: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  dispatch: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  history: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({\n    push: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n  })\n};\n\nvar SortHandler = function SortHandler(props) {\n  var sorts = props.sorts,\n      callback = props.callback;\n\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(undefined),\n      _useState4 = _slicedToArray(_useState3, 2),\n      direction = _useState4[0],\n      setDirection = _useState4[1];\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", {\n    className: \"sort-icon\",\n    onClick: function onClick() {\n      if (!direction) {\n        callback(sorts.desc);\n        setDirection(\"desc\");\n      } else if (direction == \"asc\") {\n        callback(sorts.desc);\n        setDirection(\"desc\");\n      } else {\n        callback(sorts.asc);\n        setDirection(\"asc\");\n      }\n    }\n  }, !direction ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_9__.FaSort, null) : direction == \"asc\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_9__.FaSortDown, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_9__.FaSortUp, null));\n};\n\nSortHandler.propTypes = {\n  sorts: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),\n  callback: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ServerDashboard);\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/components/ServerDashboard/ServerDashboard.jsx?");
 
 /***/ }),
 
@@ -219,6 +219,21 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./src/util/withAPI.js":
+/*!*****************************!*\
+  !*** ./src/util/withAPI.js ***!
+  \*****************************/
+/*! namespace exports */
+/*! export default [provided] [no usage info] [missing usage info prevents renaming] */
+/*! other exports [not provided] [no usage info] */
+/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.r, __webpack_require__.d, __webpack_require__.* */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\n/* harmony import */ var recompose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n/* harmony import */ var _jhapiUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jhapiUtil */ \"./src/util/jhapiUtil.js\");\n\n\nvar withAPI = (0,recompose__WEBPACK_IMPORTED_MODULE_0__.withProps)(function (props) {\n  return {\n    updateUsers: function updateUsers(cb) {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/users\", \"GET\");\n    },\n    shutdownHub: function shutdownHub() {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/shutdown\", \"POST\");\n    },\n    startServer: function startServer(name) {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/users/\" + name + \"/server\", \"POST\");\n    },\n    stopServer: function stopServer(name) {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/users/\" + name + \"/server\", \"DELETE\");\n    },\n    startAll: function startAll(names) {\n      return names.map(function (e) {\n        return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/users/\" + e + \"/server\", \"POST\");\n      });\n    },\n    stopAll: function stopAll(names) {\n      return names.map(function (e) {\n        return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/users/\" + e + \"/server\", \"DELETE\");\n      });\n    },\n    addToGroup: function addToGroup(users, groupname) {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/groups/\" + groupname + \"/users\", \"POST\", {\n        users: users\n      });\n    },\n    removeFromGroup: function removeFromGroup(users, groupname) {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/groups/\" + groupname + \"/users\", \"DELETE\", {\n        users: users\n      });\n    },\n    createGroup: function createGroup(groupName) {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/groups/\" + groupName, \"POST\");\n    },\n    deleteGroup: function deleteGroup(name) {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/groups/\" + name, \"DELETE\");\n    },\n    addUsers: function addUsers(usernames, admin) {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/users\", \"POST\", {\n        usernames: usernames,\n        admin: admin\n      });\n    },\n    editUser: function editUser(username, updated_username, admin) {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/users/\" + username, \"PATCH\", {\n        name: updated_username,\n        admin: admin\n      });\n    },\n    deleteUser: function deleteUser(username) {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/users/\" + username, \"DELETE\");\n    },\n    failRegexEvent: function failRegexEvent() {\n      return alert(\"Cannot change username - either contains special characters or is too short.\");\n    },\n    noChangeEvent: function noChangeEvent() {\n      returns;\n    },\n    refreshGroupsData: function refreshGroupsData() {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/groups\", \"GET\").then(function (data) {\n        return data.json();\n      });\n    },\n    refreshUserData: function refreshUserData() {\n      return (0,_jhapiUtil__WEBPACK_IMPORTED_MODULE_1__.jhapiRequest)(\"/users\", \"GET\").then(function (data) {\n        return data.json();\n      });\n    }\n  };\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (withAPI);\n\n//# sourceURL=webpack://jupyterhub-admin-react/./src/util/withAPI.js?");
+
+/***/ }),
+
 /***/ "./node_modules/change-emitter/lib/index.js":
 /*!**************************************************!*\
   !*** ./node_modules/change-emitter/lib/index.js ***!
@@ -3306,7 +3321,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	(() => {
-/******/ 		__webpack_require__.h = () => "f5830f476ea7caa04d3c"
+/******/ 		__webpack_require__.h = () => "1d8bd6f06e74c005c433"
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/global */