Fixed: inventory filters not displayed after moving back and forth to…

… the rules page(#146)

When creating multiple rules and saving their filters at once, and if moving to the route page and again coming to the rules page, it displays the data from the state instead of fetching the latest information, thus added an action to clear the rules once the page is left so that always the latest information for the rules is fetched

src/store/modules/orderRouting/actions.ts

@@ -394,6 +394,10 @@ const actions: ActionTree<OrderRoutingState, RootState> = {
 
   async clearRouting({ commit }) {
     commit(types.ORDER_ROUTING_CLEARED)
+  },
+
+  async clearRules({ commit }) {
+    commit(types.ORDER_ROUTING_RULES_UPDATED, {})
   }
 }
 

src/views/BrokeringQuery.vue

@@ -330,6 +330,7 @@ onBeforeRouteLeave(async (to) => {
   if(!hasUnsavedChanges.value) {
     // clearning the selected ruleId whenever user tries to leave the page, we need to clear this id, as if user opens some other routing then the id will not be found which will result in an empty state scenario
     store.dispatch("orderRouting/updateRoutingRuleId", "")
+    store.dispatch("orderRouting/clearRules", "")
     return;
   }
 
@@ -348,6 +349,7 @@ onBeforeRouteLeave(async (to) => {
         handler: () => {
           // clearning the selected ruleId whenever user leaves the page, we need to clear this id, as if user opens some other routing then the id will not be found which will result in an empty state scenario
           store.dispatch("orderRouting/updateRoutingRuleId", "")
+          store.dispatch("orderRouting/clearRules", "")
           canLeave = true;
         },
       },