/** * * @flow */ import React from 'react'; import { connect } from 'react-redux'; 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}
Cooldown:
{(canvas.bcd !== canvas.pcd)
? {canvas.bcd / 1000}s / {canvas.pcd / 1000}s
: {canvas.bcd / 1000}s}
Stacking till
{canvas.cds / 1000}s
Ranked:
{(canvas.ranked) ? 'Yes' : 'No'}
{(canvas.req !== -1) ? Requirements:
: null}
{(canvas.req !== -1) ? User Account : null}
{(canvas.req > 0) ? and {canvas.req} Pixels set : null}
{(canvas.req !== -1) ?
: null}
Dimensions:
{canvas.size} x {canvas.size}
{(canvas.v)
? x {THREE_CANVAS_HEIGHT} Voxels
: Pixels}