diff --git a/webclient/src/Home.js b/webclient/src/Home.js index 897bb9d..c158251 100644 --- a/webclient/src/Home.js +++ b/webclient/src/Home.js @@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'; import { BrowserRouter as Router, Switch, Route, Link, useParams } from 'react-router-dom'; import moment from 'moment-timezone'; import './light.css'; -import { Container, Divider, Dropdown, Form, Grid, Header, Icon, Image, Menu, Message, Segment, Table } from 'semantic-ui-react'; +import { Container, Divider, Dropdown, Form, Grid, Header, Icon, Image, Menu, Message, Popup, Segment, Table } from 'semantic-ui-react'; import { statusColor, BasicTable, staticUrl, requester } from './utils.js'; import { LoginForm, SignupForm } from './LoginSignup.js'; import { AccountForm } from './Account.js'; @@ -146,6 +146,8 @@ export function Home(props) { const getStat = (x) => stats && stats[x] ? stats[x] : '?'; const getDateStat = (x) => stats && stats[x] ? moment.utc(stats[x]).tz('America/Edmonton').format('ll') : '?'; + const mcPlayers = stats && stats['minecraft_players'] ? stats['minecraft_players'] : []; + return ( @@ -195,6 +197,21 @@ export function Home(props) {

Old members: {getStat('paused_count')}

Bay 108 (metal) temp: {getStat('bay_108_temp')} °C

Bay 110 (wood) temp: {getStat('bay_110_temp')} °C

+ +

+ Minecraft players: {mcPlayers.length} +

+ Server IP:
+ games.protospace.ca +

+

+ Players:
+ {mcPlayers.length ? mcPlayers.map(x => {x}
) : 'None'} +

+ + } trigger={[more]} /> +