import React, { lazy, useEffect, useState } from 'react'; import { ServerContext } from '@/state/server'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faServer } from '@fortawesome/free-solid-svg-icons/faServer'; import { faCircle } from '@fortawesome/free-solid-svg-icons/faCircle'; import classNames from 'classnames'; import { faMemory } from '@fortawesome/free-solid-svg-icons/faMemory'; import { faMicrochip } from '@fortawesome/free-solid-svg-icons/faMicrochip'; import { bytesToHuman } from '@/helpers'; import SuspenseSpinner from '@/components/elements/SuspenseSpinner'; import TitledGreyBox from '@/components/elements/TitledGreyBox'; type PowerAction = 'start' | 'stop' | 'restart' | 'kill'; const ChunkedConsole = lazy(() => import('@/components/server/Console')); const ChunkedStatGraphs = lazy(() => import('@/components/server/StatGraphs')); const StopOrKillButton = ({ onPress }: { onPress: (action: PowerAction) => void }) => { const [ clicked, setClicked ] = useState(false); const status = ServerContext.useStoreState(state => state.status.value); useEffect(() => { setClicked(state => [ 'stopping' ].indexOf(status) < 0 ? false : state); }, [ status ]); return ( ); }; export default () => { const [ memory, setMemory ] = useState(0); const [ cpu, setCpu ] = useState(0); const server = ServerContext.useStoreState(state => state.server.data!); const status = ServerContext.useStoreState(state => state.status.value); const { connected, instance } = ServerContext.useStoreState(state => state.socket); const statsListener = (data: string) => { let stats: any = {}; try { stats = JSON.parse(data); } catch (e) { return; } setMemory(stats.memory_bytes); setCpu(stats.cpu_absolute); }; const sendPowerCommand = (command: PowerAction) => { instance && instance.send('set state', command); }; useEffect(() => { if (!connected || !instance) { return; } instance.addListener('stats', statsListener); return () => { instance.removeListener('stats', statsListener); }; }, [ connected ]); return (

 {status}

 {bytesToHuman(memory)} / {server.limits.memory} MB

 {cpu.toFixed(2)} %

sendPowerCommand(action)}/>
{status !== 'offline' && }
); };