app/client/common/progress.component.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import { h, Component } from 'preact'

export default function Progress({progress}) {
  if (! progress) return
  const { i, n } = progress
  const a = []
  for (let j = 0; j < n; j++) {
    a.push(
      <div key={j} className={j < i ? 'x' : 'o'}></div>
    )
  }
  return (
    <div className='progress'>
      {a}
    </div>
  )
}