diff --git a/frontend/src/component/feature/feature-list-item-component.jsx b/frontend/src/component/feature/feature-list-item-component.jsx index 26eed3659a..55ab5475a0 100644 --- a/frontend/src/component/feature/feature-list-item-component.jsx +++ b/frontend/src/component/feature/feature-list-item-component.jsx @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { memo } from 'react'; import PropTypes from 'prop-types'; import { Link } from 'react-router-dom'; import { Switch, ListItem, ListItemAction, Icon } from 'react-mdl'; @@ -51,7 +51,7 @@ const Feature = ({ {name}  - + {description} @@ -81,4 +81,4 @@ Feature.propTypes = { hasPermission: PropTypes.func.isRequired, }; -export default Feature; +export default memo(Feature); diff --git a/frontend/src/component/feature/feature-type-component.jsx b/frontend/src/component/feature/feature-type-component.jsx index 0d673e5a2f..19489e6326 100644 --- a/frontend/src/component/feature/feature-type-component.jsx +++ b/frontend/src/component/feature/feature-type-component.jsx @@ -1,9 +1,9 @@ -import React from 'react'; +import React, { memo } from 'react'; import { Chip } from 'react-mdl'; import PropTypes from 'prop-types'; import styles from './feature.scss'; -export default function StatusComponent({ type, types, onClick }) { +function StatusComponent({ type, types, onClick }) { const typeObject = types.find(o => o.id === type) || { id: type, name: type }; return ( @@ -13,6 +13,8 @@ export default function StatusComponent({ type, types, onClick }) { ); } +export default memo(StatusComponent); + StatusComponent.propTypes = { type: PropTypes.string.isRequired, types: PropTypes.array, diff --git a/frontend/src/component/feature/status-component.jsx b/frontend/src/component/feature/status-component.jsx index 75afb8f3a8..a823538cc5 100644 --- a/frontend/src/component/feature/status-component.jsx +++ b/frontend/src/component/feature/status-component.jsx @@ -1,8 +1,8 @@ -import React from 'react'; +import React, { memo } from 'react'; import { Chip } from 'react-mdl'; import PropTypes from 'prop-types'; -export default function StatusComponent({ stale, style, showActive = true }) { +function StatusComponent({ stale, style, showActive = true }) { if (!stale && !showActive) { return null; } @@ -21,6 +21,8 @@ export default function StatusComponent({ stale, style, showActive = true }) { ); } +export default memo(StatusComponent); + StatusComponent.propTypes = { stale: PropTypes.bool.isRequired, style: PropTypes.object,