53 lines
1.4 KiB
JavaScript
53 lines
1.4 KiB
JavaScript
import { toTitleCase } from 'common/string';
|
|
import { Fragment } from 'inferno';
|
|
import { act } from '../byond';
|
|
import { Box, Button, Section, Table } from '../components';
|
|
|
|
export const OreBox = props => {
|
|
const { state } = props;
|
|
const { config, data } = state;
|
|
const { ref } = config;
|
|
const { materials } = data;
|
|
return (
|
|
<Fragment>
|
|
<Section
|
|
title="Ores"
|
|
buttons={(
|
|
<Button
|
|
content="Empty"
|
|
onClick={() => act(ref, 'removeall')} />
|
|
)}>
|
|
<Table>
|
|
<Table.Row header>
|
|
<Table.Cell>
|
|
Ore
|
|
</Table.Cell>
|
|
<Table.Cell collapsing textAlign="right">
|
|
Amount
|
|
</Table.Cell>
|
|
</Table.Row>
|
|
{materials.map(material => (
|
|
<Table.Row key={material.type}>
|
|
<Table.Cell>
|
|
{toTitleCase(material.name)}
|
|
</Table.Cell>
|
|
<Table.Cell collapsing textAlign="right">
|
|
<Box color="label" inline>
|
|
{material.amount}
|
|
</Box>
|
|
</Table.Cell>
|
|
</Table.Row>
|
|
))}
|
|
</Table>
|
|
</Section>
|
|
<Section>
|
|
<Box>
|
|
All ores will be placed in here when you are wearing a mining stachel
|
|
on your belt or in a pocket while dragging the ore box.<br />
|
|
Gibtonite is not accepted.
|
|
</Box>
|
|
</Section>
|
|
</Fragment>
|
|
);
|
|
};
|