From 73df41bd70f31625afe0db609f11acde9d910c67 Mon Sep 17 00:00:00 2001
From: Bill McConaghy <bill.mcconaghy@elastic.co>
Date: Thu, 13 Dec 2018 19:11:59 -0500
Subject: [PATCH] fixing broken breadcrumb link for index management (#27164)
 (#27172)

---
 x-pack/plugins/index_management/public/app.js             | 3 ++-
 x-pack/plugins/index_management/public/register_routes.js | 8 ++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/x-pack/plugins/index_management/public/app.js b/x-pack/plugins/index_management/public/app.js
index c0b01f63919c..de978674206f 100644
--- a/x-pack/plugins/index_management/public/app.js
+++ b/x-pack/plugins/index_management/public/app.js
@@ -5,13 +5,14 @@
  */
 
 import React from 'react';
-import { Switch, Route } from 'react-router-dom';
+import { Switch, Route, Redirect } from 'react-router-dom';
 import { BASE_PATH } from '../common/constants';
 import { IndexList } from './sections/index_list';
 
 export const App = () => (
   <div>
     <Switch>
+      <Redirect exact from={`${BASE_PATH}`} to={`${BASE_PATH}indices`}/>
       <Route exact path={`${BASE_PATH}indices`} component={IndexList} />
       <Route path={`${BASE_PATH}indices/filter/:filter?`} component={IndexList}/>
     </Switch>
diff --git a/x-pack/plugins/index_management/public/register_routes.js b/x-pack/plugins/index_management/public/register_routes.js
index 3d907f8a9968..42074935298a 100644
--- a/x-pack/plugins/index_management/public/register_routes.js
+++ b/x-pack/plugins/index_management/public/register_routes.js
@@ -5,7 +5,7 @@
  */
 
 import React from 'react';
-import { render } from 'react-dom';
+import { render, unmountComponentAtNode } from 'react-dom';
 import { Provider } from 'react-redux';
 import { HashRouter } from 'react-router-dom';
 import { I18nProvider } from '@kbn/i18n/react';
@@ -21,6 +21,7 @@ import template from './main.html';
 import { manageAngularLifecycle } from './lib/manage_angular_lifecycle';
 import { indexManagementStore } from './store';
 
+let elem;
 const renderReact = async (elem) => {
   render(
     <I18nProvider>
@@ -39,6 +40,9 @@ routes.when(`${BASE_PATH}:view?/:action?/:id?`, {
   controllerAs: 'indexManagement',
   controller: class IndexManagementController {
     constructor($scope, $route, $http, kbnUrl, $rootScope) {
+      // clean up previously rendered React app if one exists
+      // this happens because of React Router redirects
+      elem && unmountComponentAtNode(elem);
       // NOTE: We depend upon Angular's $http service because it's decorated with interceptors,
       // e.g. to check license status per request.
       setHttpClient($http);
@@ -49,7 +53,7 @@ routes.when(`${BASE_PATH}:view?/:action?/:id?`, {
         }
       });
       $scope.$$postDigest(() => {
-        const elem = document.getElementById('indexManagementReactRoot');
+        elem = document.getElementById('indexManagementReactRoot');
         renderReact(elem);
         manageAngularLifecycle($scope, $route, elem);
       });