[CORD-1043] Fine-grained service graph first draft

Change-Id: I16566b0c38dda64fa920120ce16ea699ca157279
diff --git a/src/app/core/services/helpers/debounce.helper.ts b/src/app/core/services/helpers/debounce.helper.ts
index 0534106..89f62ee 100644
--- a/src/app/core/services/helpers/debounce.helper.ts
+++ b/src/app/core/services/helpers/debounce.helper.ts
@@ -12,7 +12,7 @@
   }
 
   // wait for 'wait' ms without actions to call the function
-  // if 'immediate' call it immediatly then wait for 'wait'
+  // if 'immediate' call it immediately then wait for 'wait'
   // NOTE that we cannot use $timeout service to debounce functions as it trigger infiniteDigest Exception
   public debounce(func: any, wait: number, context: any, immediate?: boolean) {
     let timeout;
diff --git a/src/app/core/services/navigation.spec.ts b/src/app/core/services/navigation.spec.ts
index 82a235e..50af9d9 100644
--- a/src/app/core/services/navigation.spec.ts
+++ b/src/app/core/services/navigation.spec.ts
@@ -49,6 +49,10 @@
       {
         label: 'Core',
         state: 'xos.core'
+      },
+      {
+        label: 'Service Graph',
+        state: 'xos.fine-grained-graph'
       }
     ].concat(mockRoutes);
   }));
diff --git a/src/app/core/services/navigation.ts b/src/app/core/services/navigation.ts
index 9869b5a..e41333c 100644
--- a/src/app/core/services/navigation.ts
+++ b/src/app/core/services/navigation.ts
@@ -36,10 +36,10 @@
         label: 'Core',
         state: 'xos.core'
       },
-      // {
-      //   label: 'Service',
-      //   state: 'xos.services'
-      // },
+      {
+        label: 'Service Graph',
+        state: 'xos.fine-grained-graph'
+      },
     ];
     // adding configuration defined routes
     // this.routes = StyleConfig.routes.concat(defaultRoutes).reverse();