feat: add feature guard as hook and component.

src/components/FeatureGuard/FeatureCan.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import * as R from 'ramda';
+import withFeatureCan from './withFeatureCan';
+
+function FeatureCanJSX({ feature, children, isFeatureCan }) {
+  return isFeatureCan && children;
+}
+
+export const FeatureCan = R.compose(
+  withFeatureCan(({ isFeatureCan }) => ({
+    isFeatureCan,
+  })),
+)(FeatureCanJSX);

src/components/FeatureGuard/index.js

@@ -0,0 +1 @@
+export * from './FeatureCan';

src/components/FeatureGuard/withFeatureCan.js

@@ -0,0 +1,17 @@
+import { connect } from 'react-redux';
+import { getDashboardFeaturesSelector } from '../../store/dashboard/dashboard.selectors';
+
+export default (mapState) => {
+  const featuresSelector = getDashboardFeaturesSelector();
+
+  const mapStateToProps = (state, props) => {
+    const features = featuresSelector(state);
+
+    const mapped = {
+      isFeatureCan: !!features[props.feature],
+      features,
+    };
+    return mapState ? mapState(mapped, state, props) : mapped;
+  };
+  return connect(mapStateToProps);
+};

src/components/index.js

@@ -96,6 +96,7 @@ export * from './Skeleton';
 export * from './FinancialStatement';
 export * from './FinancialReport';
 export * from './FinancialSheet';
+export * from './FeatureGuard';
 
 const Hint = FieldHint;