feat: retrieve organization subscriptions list api.

feat: subscriptions reducers.

client/src/containers/Subscriptions/billingPeriods.js

@@ -45,7 +45,7 @@ function BillingPeriods({ formik, title, selected = 1 }) {
 
   return (
     <section class="billing-section">
-      <h1 className={'bg-title'}>
+      <h1>
         <T id={title} />
       </h1>
       <p className='paragraph'>

client/src/containers/Subscriptions/billingPlans.js

@@ -62,7 +62,7 @@ function BillingPlans({ formik, title, selected = 1 }) {
 
   return (
     <section class="billing-section">
-      <h1 className={'bg-title'}>
+      <h1>
         <T id={title} />
       </h1>
       <p className='paragraph'>

client/src/containers/Subscriptions/withSubscriptions.js

@@ -0,0 +1,22 @@
+import { connect } from 'react-redux';
+import {
+  isSubscriptionOnTrialFactory,
+  isSubscriptionInactiveFactory,
+  isSubscriptionActiveFactory,
+} from 'store/subscription/subscription.selectors';
+
+export default (mapState, slug) => {
+  const isSubscriptionOnTrial = isSubscriptionOnTrialFactory(slug);
+  const isSubscriptionInactive = isSubscriptionInactiveFactory(slug);
+  const isSubscriptionActive = isSubscriptionActiveFactory(slug);
+
+  const mapStateToProps = (state, props) => {
+    const mapped = {
+      isSubscriptionOnTrial: isSubscriptionOnTrial(state, props),
+      isSubscriptionInactive: isSubscriptionInactive(state, props),
+      isSubscriptionActive: isSubscriptionActive(state, props),
+    };
+    return (mapState) ? mapState(mapped, state, props) : mapped;
+  };
+  return connect(mapStateToProps);
+};

client/src/containers/Subscriptions/withSubscriptionsActions.js

@@ -0,0 +1,10 @@
+import { connect } from 'react-redux';
+import { 
+  fetchSubscriptions,
+} from 'store/subscription/subscription.actions'
+
+const mapDispatchToProps = (dispatch) => ({
+  requestFetchSubscriptions: () => dispatch(fetchSubscriptions()),
+});
+
+export default connect(null, mapDispatchToProps);