import React, {Component} from 'react'

let prevValue

export class Compare extends Component {

  render () {
    const {value} = this.props
    let arrow = <p></p>

    // need to stop the <Value> component rerendering on each xhr poll
    // will hopefully come with refactor of redux setup

    if (value > prevValue) {
      arrow = <p>/\</p>
    }

    if (value < prevValue) {
      arrow = <p>\/</p>
    }

    prevValue = value

    return arrow
  }
}

@@ -404,24 +404,85 @@
 %3C/p%3E%0A    %7D%0A%0A
+    if (value === prevValue) %7B%0A      arrow = %3Cp%3E-%3C/p%3E%0A    %7D%0A%0A
     prevValu

add display for if value hasn't changed