feat(cp-frontend): handle removal of parent property

packages/cp-frontend/src/graphql/Services.gql

@@ -6,7 +6,15 @@ query Services($deploymentGroupSlug: String!){
     ...DeploymentGroupInfo
     services {
       ...ServiceInfo
-      parent
+      branches {
+        name
+        slug
+        instances {
+          id
+          status
+          healthy
+        }
+      }
       connections
       instances {
         id

packages/cp-frontend/src/state/selectors.js

@@ -132,34 +132,16 @@ const getService = (service, index) => {
 
 const processServices = services => {
   return forceArray(services).reduce((ss, s, i) => {
-    if (s.parent) {
+    const serviceIndex = ss.findIndex(existingS => existingS.id === s.id);
-      const parents = ss.filter(parentS => parentS.id === s.parent);
+    if (serviceIndex === -1) {
-      let parent;
+      ss.push(getService(s, i));
-      if (parents.length) {
-        parent = parents[0];
-      } else {
-        parent = { id: s.parent };
-        ss.push(parent);
-      }
-      if (!parent.children) {
-        parent.children = [];
-      }
-      const child = getService(s, i);
-      parent.instancesActive = parent.instancesActive
-        ? true
-        : child.instancesActive;
-      parent.children.push(child);
     } else {
-      const serviceIndex = ss.findIndex(existingS => existingS.id === s.id);
+      ss.splice(serviceIndex, 1, {
-      if (serviceIndex === -1) {
+        ...ss[serviceIndex],
-        ss.push(getService(s, i));
+        ...getService(s, i)
-      } else {
+      });
-        ss.splice(serviceIndex, 1, {
-          ...ss[serviceIndex],
-          ...getService(s, i)
-        });
-      }
     }
+
     return ss;
   }, []);
 };