/**
*
*/
import React from 'react';
import { t } from 'ttag';
import { THREE_CANVAS_HEIGHT } from '../core/constants';
const CanvasItem = ({
canvasId, canvas, selCanvas, online,
}) => (
selCanvas(canvasId)}
role="button"
tabIndex={0}
>
{canvas.title}
{(online) && (
{t`Online Users`}:
{online}
)}
{canvas.desc}
{t`Cooldown`}:
{(canvas.pcd && 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 !== undefined) && (
{t`Requirements`}:
{(typeof canvas.req === 'number')
? {t`User Account`} : null}
{(canvas.req > 0)
? {t`and ${canvas.req} Pixels set`}
: null}
{(canvas.req === 'top')
&& {t`Top 10 Daily Ranking`}}
)}
{t`Dimensions`}:
{canvas.size} x {canvas.size}
{(canvas.v)
? x {THREE_CANVAS_HEIGHT} Voxels
: Pixels}
);
export default React.memo(CanvasItem);