/** * * @flow */ import React from 'react'; import { connect } from 'react-redux'; import { t } from 'ttag'; import { THREE_CANVAS_HEIGHT } from '../core/constants'; import { selectCanvas } from '../actions'; const buttonStyle = { marginTop: 8, marginBottom: 8, border: '#c5c5c5', borderStyle: 'solid', borderRadius: 8, cursor: 'pointer', }; const imageStyle = { maxWidth: '20%', opacity: 0.3, padding: 2, display: 'inline-block', verticalAlign: 'middle', }; const CanvasItem = ({ canvasId, canvas, changeCanvas }) => (
{canvas.title}
{canvas.desc}
{t`Cooldown`}:
{(canvas.bcd !== canvas.pcd)
? {canvas.bcd / 1000}s / {canvas.pcd / 1000}s
: {canvas.bcd / 1000}s}
{t`Stacking till`}:
{canvas.cds / 1000}s
{t`Ranked`}:
{(canvas.ranked) ? 'Yes' : 'No'}
{(canvas.req !== -1) ? {t`Requirements`}:
: null}
{(canvas.req !== -1) ? {t`User Account`} : null}
{(canvas.req > 0)
? {t`and ${canvas.req} Pixels set`}
: null}
{(canvas.req !== -1) ?
: null}
{t`Dimensions`}:
{canvas.size} x {canvas.size}
{(canvas.v)
? x {THREE_CANVAS_HEIGHT} Voxels
: Pixels}