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,