delete route functionality works

Author: deanfchung

src/components/RouteDisplay.vue

@@ -36,12 +36,13 @@ export default {
     }
   },
   methods: {
-    ...mapActions(['addRouteToRouteMap']),
+    ...mapActions(['addRouteToRouteMap', 'setRoutes']),
     handleEnterKeyPress () {
       this.addRouteToRouteMap(this.newRoute)
         .then(() => {
           this.newRoute = ''
         })
+
         .catch(err => console.log(err))
     }
   }

src/components/Routes.vue

@@ -38,15 +38,10 @@ export default {
     ...mapActions(['setActiveRoute', 'deleteRoute']),
     handleClick (route) {
       this.setActiveRoute(route)
-      console.log(this.routes)
     },
     deleteSelectedRoute (route) {
-      for (let key in this.routes) {
-        if (key === route) {
-          delete this.routes.route
-        }
-      }
       this.deleteRoute(route)
+      this.setActiveRoute('')
     }
   }
 }

src/store/actions.js

@@ -113,8 +113,8 @@ const actions = {
   [types.parentSelected]: ({ commit }, payload) => {
     commit(types.PARENT_SELECTED, payload)
   },
-  [types.deleteRoute]: ({ commit }, payload) => {
-    console.log('actionspayload:', payload)
+  [types.deleteRoute]: ({ state, commit }, payload) => {
+    console.log('stat in actions:', state)
     commit(types.DELETE_ROUTE, payload)
   }
 }

src/store/mutations.js

@@ -103,6 +103,7 @@ const mutations = {
       ...state.routes,
       [payload]: []
     }
+    console.log('payload in add_route', payload)
   },
   // Changes the component map
   [types.ADD_ROUTE_TO_COMPONENT_MAP]: (state, payload) => {
@@ -128,6 +129,7 @@ const mutations = {
     state.activeComponent = payload
   },
   [types.SET_ROUTES]: (state, payload) => {
+    console.log('setroutespayload:', payload)
     state.routes = Object.assign({}, payload)
   },
   // invoked when a component is deleted
@@ -181,10 +183,11 @@ const mutations = {
     state.parentSelected = payload
   },
   [types.DELETE_ROUTE]: (state, payload) => {
-    console.log('payload in mutations', payload)
-    const newState = delete state.routes[payload]
-    console.log('new state', newState)
-    state = newState
+    const stateCopy = state
+    delete stateCopy.routes[payload]
+    delete stateCopy.componentMap[payload]
+    state = stateCopy
+    console.log('aftermutations state', state)
   }
 }