v0.5.1: Organizational Member Edit Pages

src/components/metrics/card/token/style.css

@@ -7,7 +7,7 @@
 
 .MetricToken .ui.tiny.label {
   font-size: 0.85rem;
-  background-color: #25B530 !important;
+  background-color: $green-1 !important;
   border-radius: 2px;
   padding: 0.4em 0.45em 0.35em;
   margin-top: 2px;

src/components/organizations/show/httpRequestSelector.js

@@ -0,0 +1,33 @@
+import { createSelector } from 'reselect';
+
+const specificHttpRequestSelector = state => state.httpRequests
+const organizationIdSelector = (state, props) => props.organizationId
+
+function isExistingMember(request) {
+  return !!_.get(request, 'response.hasUser')
+}
+
+export const httpRequestSelector = createSelector(
+  specificHttpRequestSelector,
+  organizationIdSelector,
+  (httpRequests, organizationId) => {
+
+    let relevantRequests = httpRequests.filter(r => (
+      (r.metadata.organizationId === organizationId) &&
+      (r.entity === 'userOrganizationMembershipCreate')
+    ))
+
+    let formattedRequests = relevantRequests.map(r => ({
+        id: r.id,
+        busy: r.busy,
+        success: r.success,
+        email: r.metadata.email,
+        created_at: r.created_at,
+        isExistingMember: isExistingMember(r)
+    }))
+
+    return {
+      httpRequests: formattedRequests
+    }
+  }
+);