Experiment: simple stats

client/admin/admin.jsx

@@ -3,8 +3,9 @@ import React, { useEffect, useState } from 'react';
 const BrewUtils = require('./brewUtils/brewUtils.jsx');
 const NotificationUtils = require('./notificationUtils/notificationUtils.jsx');
 import AuthorUtils from './authorUtils/authorUtils.jsx';
+const Stats = require('./stats/stats.jsx');
 
-const tabGroups = ['brew', 'notifications', 'authors'];
+const tabGroups = ['brew', 'notifications', 'authors', 'stats'];
 
 const Admin = ()=>{
 	const [currentTab, setCurrentTab] = useState('brew');
@@ -40,6 +41,7 @@ const Admin = ()=>{
 				{currentTab === 'brew' && <BrewUtils />}
 				{currentTab === 'notifications' && <NotificationUtils />}
 				{currentTab === 'authors' && <AuthorUtils />}
+				{currentTab === 'stats' && <Stats />}
 			</main>
 		</div>
 	);

client/admin/admin.less

@@ -19,6 +19,10 @@ body {
 	color            : #4B5055;
 	background-color : #EEEEEE;
 	text-rendering   : optimizeLegibility;
+
+	main {
+		height:100%;
+	}
 }
 
 :where(.admin) {

client/admin/brewUtils/brewUtils.jsx

@@ -5,13 +5,10 @@ require('./brewUtils.less');
 const BrewCleanup = require('./brewCleanup/brewCleanup.jsx');
 const BrewLookup = require('./brewLookup/brewLookup.jsx');
 const BrewCompress = require ('./brewCompress/brewCompress.jsx');
-const Stats = require('./stats/stats.jsx');
 
 const BrewUtils = createClass({
 	render : function(){
 		return <>
-			<Stats />
-			<hr />
 			<BrewLookup />
 			<hr />
 			<BrewCleanup />