import React, { useRef, useState, useEffect } from 'react';
import { useParams } from 'react-router-dom';
import moment from 'moment-timezone';
import { Button, Container, Header } from 'semantic-ui-react';
import { requester } from './utils.js';
import { TrotecUsage } from './Usage.js';
const deviceNames = {
'trotec': {title: 'Trotec', device: 'TROTECS300'},
};
export function LCARS1Display(props) {
const { token } = props;
const [fullElement, setFullElement] = useState(false);
const ref = useRef(null);
const goFullScreen = () => {
if ('wakeLock' in navigator) {
navigator.wakeLock.request('screen');
}
ref.current.requestFullscreen({ navigationUI: 'hide' }).then(() => {
setFullElement(true);
});
};
return (
Waiting for job
} > ); }; export function DisplayScores(props) { const { token, name } = props; const [scores, setScores] = useState(false); const getScores = () => { requester('/pinball/high_scores/', 'GET') .then(res => { setScores(res); }) .catch(err => { console.log(err); setScores(false); }); }; useEffect(() => { getScores(); const interval = setInterval(getScores, 60000); return () => clearInterval(interval); }, []); return ( <>{x.score.toLocaleString()}