re-structure to monorepo.

packages/webapp/src/containers/Resources/withResourceDetails.tsx

@@ -0,0 +1,26 @@
+// @ts-nocheck
+import {connect} from 'react-redux';
+import {
+  getResourceColumns,
+  getResourceMetadata,
+  getResourceFieldsFactory,
+  getResourceDataFactory,
+} from '@/store/resources/resources.selectors';
+
+export default (mapState) => {
+  const getResourceFields = getResourceFieldsFactory();
+  const getResourceData = getResourceDataFactory();
+
+  const mapStateToProps = (state, props) => {
+    const { resourceName } = props;
+
+    const mapped =  {
+      resourceData: getResourceData(state, props),
+      resourceFields: getResourceFields(state, props),
+      resourceColumns: getResourceColumns(state, resourceName),
+      resourceMetadata: getResourceMetadata(state, resourceName),
+    };
+    return mapState ? mapState(mapped, state, props) : mapped;
+  };  
+  return connect(mapStateToProps);
+};

packages/webapp/src/containers/Resources/withResourcesActions.tsx

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import {connect} from 'react-redux';
+import {
+  fetchResourceColumns,
+  fetchResourceFields,
+  fetchResourceData,
+} from '@/store/resources/resources.actions';
+
+export const mapDispatchToProps = (dispatch) => ({
+  requestFetchResourceFields: (resourceSlug) => dispatch(fetchResourceFields({ resourceSlug })),
+  requestFetchResourceColumns: (resourceSlug) => dispatch(fetchResourceColumns({ resourceSlug })),
+  requestResourceData: (resourceSlug) => dispatch(fetchResourceData({ resourceSlug })),
+});
+
+export default connect(null, mapDispatchToProps);