Artur
56 lines
1.6 KiB
JavaScript
56 lines
1.6 KiB
JavaScript
import { Fragment } from 'inferno';
|
|
import { useBackend } from '../backend';
|
|
import { Button, Section } from '../components';
|
|
|
|
export const BrigTimer = props => {
|
|
const { act, data } = useBackend(props);
|
|
return (
|
|
<Section
|
|
title="Cell Timer"
|
|
buttons={(
|
|
<Fragment>
|
|
<Button
|
|
icon="clock-o"
|
|
content={data.timing ? 'Stop' : 'Start'}
|
|
selected={data.timing}
|
|
onClick={() => act(data.timing ? 'stop' : 'start')} />
|
|
<Button
|
|
icon="lightbulb-o"
|
|
content={data.flash_charging ? 'Recharging' : 'Flash'}
|
|
disabled={data.flash_charging}
|
|
onClick={() => act('flash')} />
|
|
</Fragment>
|
|
)}>
|
|
<Button
|
|
icon="fast-backward"
|
|
onClick={() => act('time', { adjust: -600 })} />
|
|
<Button
|
|
icon="backward"
|
|
onClick={() => act('time', { adjust: -100 })} />
|
|
{' '}
|
|
{String(data.minutes).padStart(2, '0')}:
|
|
{String(data.seconds).padStart(2, '0')}
|
|
{' '}
|
|
<Button
|
|
icon="forward"
|
|
onClick={() => act('time', { adjust: 100 })} />
|
|
<Button
|
|
icon="fast-forward"
|
|
onClick={() => act('time', { adjust: 600 })} />
|
|
<br />
|
|
<Button
|
|
icon="hourglass-start"
|
|
content="Short"
|
|
onClick={() => act('preset', { preset: 'short' })} />
|
|
<Button
|
|
icon="hourglass-start"
|
|
content="Medium"
|
|
onClick={() => act('preset', { preset: 'medium' })} />
|
|
<Button
|
|
icon="hourglass-start"
|
|
content="Long"
|
|
onClick={() => act('preset', { preset: 'long' })} />
|
|
</Section>
|
|
);
|
|
};
|