From a809c8af9c35a667d800b70c84b75160bca92567 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 26 Apr 2024 20:35:12 +0300
Subject: [PATCH] fix(breadcrumb): remove manage validator path

---
 .../General/Breadcrumb/Breadcrumb.tsx         | 91 ++++++-------------
 1 file changed, 29 insertions(+), 62 deletions(-)

diff --git a/src/components/General/Breadcrumb/Breadcrumb.tsx b/src/components/General/Breadcrumb/Breadcrumb.tsx
index 015eb622..2614e54c 100644
--- a/src/components/General/Breadcrumb/Breadcrumb.tsx
+++ b/src/components/General/Breadcrumb/Breadcrumb.tsx
@@ -1,81 +1,42 @@
+import { NavLink } from 'react-router-dom'
 import { XStack } from 'tamagui'
 import useBreadcrumbs, { BreadcrumbsRoute } from 'use-react-router-breadcrumbs'
-import { NavLink } from 'react-router-dom'
-
-import BreadcrumbElement from './BreadcrumbElement'
 import {
-  MANAGE_VALIDATOR_SUB_PATHS,
   PATHS,
   VALIDATOR_ONBOARDING_SUB_PATHS,
+  MANAGE_VALIDATOR_SUB_PATHS,
 } from '../../../constants'
 
-const CustomPropsBreadcrumb = ({ someProp }: any) => <span>{someProp}</span>
-
 const routes = [
-  {
-    path: PATHS.LANDING,
-  },
-  {
-    path: PATHS.DEVICE_HEALTH_CHECK_ONBOARDING,
-  },
-  {
-    path: PATHS.DEVICE_HEALTH_CHECK,
-  },
-  {
-    path: PATHS.DEVICE_SYNC_STATUS,
-  },
-  {
-    path: PATHS.PAIR_DEVICE,
-  },
+  { path: PATHS.LANDING },
+  { path: PATHS.DEVICE_HEALTH_CHECK_ONBOARDING },
+  { path: PATHS.DEVICE_HEALTH_CHECK },
+  { path: PATHS.DEVICE_SYNC_STATUS },
+  { path: PATHS.PAIR_DEVICE },
   { path: PATHS.CREATE_LOCAL_NODE },
   {
     path: PATHS.VALIDATOR_ONBOARDING,
     children: [
       { path: VALIDATOR_ONBOARDING_SUB_PATHS.OVERVIEW },
-      {
-        path: VALIDATOR_ONBOARDING_SUB_PATHS.ADVISORIES,
-      },
-      {
-        path: VALIDATOR_ONBOARDING_SUB_PATHS.VALIDATOR_SETUP,
-      },
-      {
-        path: VALIDATOR_ONBOARDING_SUB_PATHS.VALIDATOR_SETUP_INSTALL,
-      },
-      {
-        path: VALIDATOR_ONBOARDING_SUB_PATHS.CONSENSUS_SELECTION,
-      },
-      {
-        path: VALIDATOR_ONBOARDING_SUB_PATHS.ACTIVATION_VALIDATOR_SETUP,
-      },
-      {
-        path: VALIDATOR_ONBOARDING_SUB_PATHS.CLIENT_SETUP,
-      },
-      {
-        path: VALIDATOR_ONBOARDING_SUB_PATHS.KEY_GENERATION,
-      },
-      {
-        path: VALIDATOR_ONBOARDING_SUB_PATHS.RECOVERY_PHRASE,
-      },
+      { path: VALIDATOR_ONBOARDING_SUB_PATHS.ADVISORIES },
+      { path: VALIDATOR_ONBOARDING_SUB_PATHS.VALIDATOR_SETUP },
+      { path: VALIDATOR_ONBOARDING_SUB_PATHS.VALIDATOR_SETUP_INSTALL },
+      { path: VALIDATOR_ONBOARDING_SUB_PATHS.CONSENSUS_SELECTION },
+      { path: VALIDATOR_ONBOARDING_SUB_PATHS.ACTIVATION_VALIDATOR_SETUP },
+      { path: VALIDATOR_ONBOARDING_SUB_PATHS.CLIENT_SETUP },
+      { path: VALIDATOR_ONBOARDING_SUB_PATHS.KEY_GENERATION },
+      { path: VALIDATOR_ONBOARDING_SUB_PATHS.RECOVERY_PHRASE },
       { path: VALIDATOR_ONBOARDING_SUB_PATHS.DEPOSIT },
-      {
-        path: VALIDATOR_ONBOARDING_SUB_PATHS.ACTIVATION,
-      },
+      { path: VALIDATOR_ONBOARDING_SUB_PATHS.ACTIVATION },
     ],
   },
   { path: PATHS.DASHBOARD },
   { path: PATHS.LOGS },
-  {
-    path: PATHS.VALIDATOR_MANAGEMENT,
-  },
+  { path: PATHS.VALIDATOR_MANAGEMENT },
   {
     path: `${PATHS.MANAGE_VALIDATOR}/:validatorName`,
-    props: { someProp: ''},
-    breadcrumb: CustomPropsBreadcrumb,
     children: [
-      {
-        path: MANAGE_VALIDATOR_SUB_PATHS.DEFAULT,
-        breadcrumb: 'DynamicValidatorBreadcrumb 2',
-      },
+      { path: MANAGE_VALIDATOR_SUB_PATHS.DEFAULT },
       { path: MANAGE_VALIDATOR_SUB_PATHS.EXIT },
       { path: MANAGE_VALIDATOR_SUB_PATHS.MIGRATE },
       { path: MANAGE_VALIDATOR_SUB_PATHS.DEPOSIT },
@@ -88,11 +49,17 @@ const Breadcrumb = () => {
 
   return (
     <XStack space={'$2'} alignItems="center">
-      {breadcrumbs.map(({ match, breadcrumb }) => (
-        <NavLink key={match.pathname} to={match.pathname}>
-          {breadcrumb}
-        </NavLink>
-      ))}
+      {breadcrumbs.map(({ match, breadcrumb }) => {
+        if (match.pathname === `${PATHS.MANAGE_VALIDATOR}`) {
+          return
+        }
+
+        return (
+          <NavLink key={match.pathname} to={match.pathname}>
+            {breadcrumb}
+          </NavLink>
+        )
+      })}
     </XStack>
   )
 }