fixed routing

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.js

@@ -3,27 +3,33 @@ import "antd/dist/antd.css";
 import RouteWithSubRoutes from "./components/RouteWithSubRoutes";
 import {
     BrowserRouter as Router,
-    Link,
+    Link, Redirect, Switch,
 } from 'react-router-dom';
 
 class App extends React.Component {
     routes;
+
     constructor(props) {
         super(props);
         this.routes = props.routes;
     }
-  render() {
-    return (
-        <Router>
-            <div>
-                {this.routes.map((route) => (
-                    <RouteWithSubRoutes key={route.path} {...route} />
-                ))}
-            </div>
-        </Router>
 
-    );
-  }
+    render() {
+        console.log(this.routes);
+        return (
+            <Router>
+                <div>
+                    <Switch>
+                        <Redirect exact from="/publisher" to="/publisher/dashboard/apps"/>
+                        {this.routes.map((route) => (
+                            <RouteWithSubRoutes key={route.path} {...route} />
+                        ))}
+                    </Switch>
+                </div>
+            </Router>
+
+        );
+    }
 }
 
 export default App;

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/RouteWithSubRoutes.js

@@ -8,7 +8,7 @@ class RouteWithSubRoutes extends React.Component{
     }
     render() {
         return(
-            <Route path={this.props.path} render={(props) => (
+            <Route path={this.props.path} exact={this.props.exact} render={(props) => (
                 <this.props.component {...props} routes={this.props.routes}/>
             )}/>
         );

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/index.js

@@ -9,24 +9,29 @@ import AddNewApp from "./pages/dashboard/add-new-app/AddNewApp";
 import './index.css';
 import store from "./js/store/index";
 import {Provider} from "react-redux";
+import {Switch} from "react-router";
 
 
 const routes = [
     {
         path: '/publisher/login',
+        exact: true,
         component: Login
     },
     {
-        path: '/publisher',
+        path: '/publisher/dashboard',
+        exact: false,
         component: Dashboard,
         routes: [
             {
-                path: '/publisher/apps',
-                component: Apps
+                path: '/publisher/dashboard/apps',
+                component: Apps,
+                exact: false
             },
             {
-                path: '/publisher/new-app',
-                component: AddNewApp
+                path: '/publisher/dashboard/new-app',
+                component: AddNewApp,
+                exact: false
             }
         ]
     }
@@ -35,7 +40,7 @@ const routes = [
 
 ReactDOM.render(
     <Provider store={store}>
-        <App routes={routes}/>
+            <App routes={routes}/>
     </Provider>,
     document.getElementById('root'));
 

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js

@@ -38,7 +38,7 @@ class Dashboard extends React.Component {
                 </Header>
                 <Content style={{padding: '0 0'}}>
                     <Switch>
-                        <Redirect exact from="/publisher" to="/publisher/apps"/>
+                        <Redirect exact from="/publisher/dashboard" to="/publisher/dashboard/apps"/>
                         {this.state.routes.map((route) => (
                             <RouteWithSubRoutes key={route.path} {...route} />
                         ))}