/** * * @flow */ import React from 'react'; import { t } from 'ttag'; import { THREE_CANVAS_HEIGHT } from '../core/constants'; const CanvasItem = ({ canvasId, canvas, selCanvas, online, }) => (
{canvas.title}
{(online) && (
<>
{t`Online Users`}:
{online}
>
)}
{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) ? t`Yes` : t`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}