Pass front-end the api page limit with Jinja

jsx/src/Store.js

@@ -3,7 +3,7 @@ export const initialState = {
   user_page: 0,
   groups_data: undefined,
   groups_page: 0,
-  limit: 50,
+  limit: window.api_page_limit,
 };
 
 export const reducers = (state = initialState, action) => {

jupyterhub/handlers/pages.py

@@ -466,6 +466,7 @@ class AdminHandler(BaseHandler):
             allow_named_servers=self.allow_named_servers,
             named_server_limit_per_user=self.named_server_limit_per_user,
             server_version='{} {}'.format(__version__, self.version_hash),
+            api_page_limit=self.settings["app"].api_page_default_limit,
         )
         self.finish(html)
 

share/jupyterhub/templates/admin.html

@@ -17,6 +17,9 @@
 
 {% block main %}
 <div id="react-admin-hook">
+  <script id="jupyterhub-admin-config">
+    window.api_page_limit = parseInt("{{ api_page_limit|safe }}")
+  </script>
   <script src="static/js/admin-react.js"></script>
 </div>
 {% endblock %}