diff --git a/src/components/ProductionChains.vue b/src/components/ProductionChains.vue
index d52009e..98a709f 100644
--- a/src/components/ProductionChains.vue
+++ b/src/components/ProductionChains.vue
@@ -8,28 +8,18 @@
 </template>
 
 <script>
-import BottomNavBar from './BottomNavBar.vue';
-import VisualProductionChain from './production_chains/VisualProductionChain.vue';
-import store from '../store.js';
+import BottomNavBar from "./BottomNavBar.vue";
+import VisualProductionChain from "./production_chains/VisualProductionChain.vue";
+import { helperFunctionMixin } from "./helperFunctionMixin.js";
+import store from "../store.js";
 
 export default {
-  name: 'ProductionChains',
+  name: "ProductionChains",
+  mixins: [helperFunctionMixin],
   components: {
-    'bottom-nav-bar': BottomNavBar,
-    'visual-production-chain': VisualProductionChain,
-  },
-
-  beforeRouteEnter(to, from, next) {
-    const chain = store.state.selectedProductionChain;
-    if (chain === null) {
-      store.commit('resetSelectionIDs');
-    }
-    next((vm) => {
-
-      // gets executed when component is loaded. has access to component
-    });
-  },
-
+    "bottom-nav-bar": BottomNavBar,
+    "visual-production-chain": VisualProductionChain
+  }
 };
 </script>
 
diff --git a/src/store.js b/src/store.js
index 9351f84..c88bc90 100644
--- a/src/store.js
+++ b/src/store.js
@@ -33,10 +33,25 @@ export default new Vuex.Store({
   ],
 
   state: {
-    selectedProductionChain: null,
-    selectedWorldID: 0,
-    selectedSocialClassID: 0,
-    selectedProductionChainID: 0,
+    selectedProductionChain: {
+      id: 1,
+      worldID: 1,
+      chain: 'Timber',
+      socialClassID: 1,
+      finalProduct: 'Timber',
+      name: 'Sawmill',
+      img: 'farmers/timber.webp',
+      alternative: '',
+      children: [{
+        name: 'Lumberjack Hut',
+        worldID: 1,
+        alternative: '',
+        children: null,
+      }],
+    },
+    selectedWorldID: 1,
+    selectedSocialClassID: 1,
+    selectedProductionChainID: 1,
 
     buildingQueue: [],
 
@@ -152,7 +167,8 @@ export default new Vuex.Store({
       state.selectedProductionChainID = chainID;
     },
 
-    resetSelectionIDs(state) {
+    resetSelectionIDs(state, initChain) {
+      state.selectedProductionChain = initChain;
       state.selectedProductionChainID = 1;
       state.selectedSocialClassID = 1;
       state.selectedWorldID = 1;