Sha256: 64cfc027c1196913a0542fac58a791ff12f0fe0c52ff17424a3ea88321addaa3

Contents?: true

Size: 985 Bytes

Versions: 6

Compression:

Stored size: 985 Bytes

Contents

/* @flow */

import React from 'react'
import classnames from 'classnames'

import MilestoneItem from './MilestoneItem'
import styles from './milestones.scss'

type Props = {
  background: string,
  className: string,
  steps: any,
}

export default class Milestones extends React.Component<Props> {
  static defaultProps = {
    className: "",
    background: "light"
  }
  props: Props

  render() {
    const {
      background,
      className,
      steps,
    } = this.props
    const css = [
      className,
      styles[`milestones`],
    ]
    return (
      <span className={classnames(css)}>
        <ul>
          {
            [...steps].map((item, index) => {
              return (
                <MilestoneItem
                    background={background}
                    key={index}
                    name={item.name}
                    status={item.status}
                />
              )
            })
          }
        </ul>
      </span>
    )
  }
}

Version data entries

6 entries across 6 versions & 2 rubygems

Version Path
playbook_ui-2.7.2 components/Milestones/Milestones.jsx
playbook_ui-2.7.1 components/Milestones/Milestones.jsx
playbook_ui-2.7.0 components/Milestones/Milestones.jsx
playbook_ui-2.6.0 components/Milestones/Milestones.jsx
playbook_ui-2.5.0 components/Milestones/Milestones.jsx
nitro_sg-3.0.2 components/Milestones/Milestones.jsx