re-structure to monorepo.

packages/webapp/src/components/FeatureGuard/FeatureCan.tsx

@@ -0,0 +1,14 @@
+// @ts-nocheck
+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);

packages/webapp/src/components/FeatureGuard/index.tsx

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

packages/webapp/src/components/FeatureGuard/withFeatureCan.tsx

@@ -0,0 +1,18 @@
+// @ts-nocheck
+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);
+};