From a137a80d47c84b94b0fd1dc1b40add6617270920 Mon Sep 17 00:00:00 2001
From: Jovan Cvetkovic <jovanca.cvetkovic@gmail.com>
Date: Tue, 31 Jan 2023 22:43:13 +0100
Subject: [PATCH] [FEATURE] Add "Create detector" item to the breadcrumbs #394
 (#396)

Signed-off-by: Jovan Cvetkovic <jovanca.cvetkovic@gmail.com>
---
 public/pages/CreateDetector/containers/CreateDetector.tsx | 6 +++++-
 public/utils/constants.ts                                 | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/pages/CreateDetector/containers/CreateDetector.tsx b/public/pages/CreateDetector/containers/CreateDetector.tsx
index 0ebd84224..629856200 100644
--- a/public/pages/CreateDetector/containers/CreateDetector.tsx
+++ b/public/pages/CreateDetector/containers/CreateDetector.tsx
@@ -79,7 +79,11 @@ export default class CreateDetector extends Component<CreateDetectorProps, Creat
   }
 
   componentDidMount(): void {
-    this.context.chrome.setBreadcrumbs([BREADCRUMBS.SECURITY_ANALYTICS, BREADCRUMBS.DETECTORS]);
+    this.context.chrome.setBreadcrumbs([
+      BREADCRUMBS.SECURITY_ANALYTICS,
+      BREADCRUMBS.DETECTORS,
+      BREADCRUMBS.DETECTORS_CREATE,
+    ]);
     this.setupRulesState();
     this.getPlugins();
   }
diff --git a/public/utils/constants.ts b/public/utils/constants.ts
index 2d0a58b3b..df7f10d49 100644
--- a/public/utils/constants.ts
+++ b/public/utils/constants.ts
@@ -50,6 +50,7 @@ export const BREADCRUMBS = Object.freeze({
   OVERVIEW: { text: 'Overview', href: `#${ROUTES.OVERVIEW}` },
   FINDINGS: { text: 'Findings', href: `#${ROUTES.FINDINGS}` },
   DETECTORS: { text: 'Detectors', href: `#${ROUTES.DETECTORS}` },
+  DETECTORS_CREATE: { text: 'Create detector', href: `#${ROUTES.DETECTORS_CREATE}` },
   DETECTORS_DETAILS: (name: string, detectorId: string) => ({
     text: `${name}`,
     href: `#${ROUTES.DETECTOR_DETAILS}/${detectorId}`,