Merge pull request #509 from gre/perf-pillsdayscount

save about 10ms at each re-render of Account Page

src/components/PillsDaysCount.js

@@ -1,6 +1,6 @@
 // @flow
 
-import React from 'react'
+import React, { PureComponent } from 'react'
 import { translate } from 'react-i18next'
 
 import type { T } from 'types/common'
@@ -9,7 +9,7 @@ import Pills from 'components/base/Pills'
 
 type Props = {
   selectedTime: string,
-  onChange: Function,
+  onChange: ({ key: string, value: *, label: string }) => void,
   t: T,
 }
 
@@ -19,8 +19,9 @@ const itemsTimes = [
   { key: 'year', value: 365 },
 ]
 
-function PillsDaysCount(props: Props) {
+class PillsDaysCount extends PureComponent<Props> {
-  const { selectedTime, onChange, t } = props
+  render() {
+    const { selectedTime, onChange, t } = this.props
     return (
       <Pills
         items={itemsTimes.map(item => ({
@@ -32,5 +33,6 @@ function PillsDaysCount(props: Props) {
       />
     )
   }
+}
 
 export default translate()(PillsDaysCount)