From d9ad1b5fe3c8fdb409a4a670ea44906a382b3505 Mon Sep 17 00:00:00 2001 From: Tanner Collin Date: Tue, 21 Apr 2020 00:14:53 +0000 Subject: [PATCH] Add Minecraft players to UI homescreen --- webclient/src/Home.js | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) 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]} /> +