import React, { PropTypes } from 'react'; import { Link } from 'react-router'; import { Switch, Icon } from 'react-mdl'; import Progress from './progress'; import { shorten, calc, styles as commonStyles } from '../common'; import styles from './feature.scss'; const Feature = ({ feature, onFeatureClick, settings, metricsLastHour = { yes: 0, no: 0, isFallback: true }, metricsLastMinute = { yes: 0, no: 0, isFallback: true }, }) => { const { name, description, enabled, strategies } = feature; const { showLastHour = false } = settings; const isStale = showLastHour ? metricsLastHour.isFallback : metricsLastMinute.isFallback; const percent = 1 * (showLastHour ? calc(metricsLastHour.yes, metricsLastHour.yes + metricsLastHour.no, 0) : calc(metricsLastMinute.yes, metricsLastMinute.yes + metricsLastMinute.no, 0) ); return (