feat: route and breadcrumbs renamed to services (#1566)

* feat: route and breadcrumbs renamed to services

CONTRIBUTING.md

@@ -207,7 +207,7 @@ If you don't want to install the SigNoz backend just for doing frontend developm
 
 Please ping us in the [`#contributing`](https://signoz-community.slack.com/archives/C01LWQ8KS7M) channel or ask `@Prashant Shahi` in our [Slack Community](https://signoz.io/slack)  and we will DM you with `<test environment URL>`.
 
-**Frontend should now be accessible at** [`http://localhost:3301/application`](http://localhost:3301/application)
+**Frontend should now be accessible at** [`http://localhost:3301/services`](http://localhost:3301/services)
 
  **[`^top^`](#)**
  

frontend/src/components/NotFound/__snapshots__/NotFound.test.tsx.snap

@@ -381,10 +381,10 @@ exports[`Not Found page test should render Not Found page without errors 1`] = `
     </div>
     <a
       class="c3"
-      href="/application"
+      href="/services"
       tabindex="0"
     >
-      Return To Metrics Page
+      Return To Services Page
     </a>
   </div>
 </DocumentFragment>

frontend/src/components/NotFound/index.tsx

@@ -37,7 +37,7 @@ function NotFound(): JSX.Element {
 				to={ROUTES.APPLICATION}
 				tabIndex={0}
 			>
-				Return To Metrics Page
+				Return To Services Page
 			</Button>
 		</Container>
 	);

frontend/src/constants/routes.ts

@@ -1,14 +1,14 @@
 const ROUTES = {
 	SIGN_UP: '/signup',
 	LOGIN: '/login',
-	SERVICE_METRICS: '/application/:servicename',
+	SERVICE_METRICS: '/services/:servicename',
 	SERVICE_MAP: '/service-map',
 	TRACE: '/trace',
 	TRACE_DETAIL: '/trace/:id',
 	SETTINGS: '/settings',
 	INSTRUMENTATION: '/get-started',
 	USAGE_EXPLORER: '/usage-explorer',
-	APPLICATION: '/application',
+	APPLICATION: '/services',
 	ALL_DASHBOARD: '/dashboard',
 	DASHBOARD: '/dashboard/:dashboardId',
 	DASHBOARD_WIDGET: '/dashboard/:dashboardId/:widgetId',

frontend/src/container/TopNav/Breadcrumbs/index.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import { Link, RouteComponentProps, withRouter } from 'react-router-dom';
 
 const breadcrumbNameMap = {
-	[ROUTES.APPLICATION]: 'Application',
+	[ROUTES.APPLICATION]: 'Services',
 	[ROUTES.TRACE]: 'Traces',
 	[ROUTES.SERVICE_MAP]: 'Service Map',
 	[ROUTES.USAGE_EXPLORER]: 'Usage Explorer',

frontend/src/pages/SomethingWentWrong/index.tsx

@@ -16,7 +16,7 @@ function SomethingWentWrong(): JSX.Element {
 					history.push(ROUTES.APPLICATION);
 				}}
 			>
-				Return to Metrics page
+				Return to Services page
 			</Button>
 		</Container>
 	);

frontend/src/pages/UnAuthorized/index.tsx

@@ -13,7 +13,7 @@ function UnAuthorizePage(): JSX.Element {
 					Oops.. you don't have permission to view this page
 				</Typography.Title>
 				<Button to={ROUTES.APPLICATION} tabIndex={0}>
-					Return To Metrics Page
+					Return To Services Page
 				</Button>
 			</Space>
 		</Container>