fix(wip): declare exports as separate variables

src/components/UserMessageSection.jsx

@@ -6,12 +6,13 @@ import UserMessage from './UserMessage';
 export function UserMessageSection({ setjsonPathMap, jsonPathMap }) {
   return (
     <Router>
+      <Routes>
       <Route
         render={({ location }) => (
           <Routes location={location}>
             <Route
               // pathId - URL param for directly accessing particular path.
-              path='/:pathId?'
+              path='/:pathId? '
               component={({ match }) => (
                 <div className={'fade-in-to-right'}>
                   <UserMessage
@@ -27,6 +28,7 @@ export function UserMessageSection({ setjsonPathMap, jsonPathMap }) {
           </Routes>
         )}
       />
+      </Routes>
     </Router>
   );
 }

src/data/ContributionResources/Conventions.jsx

@@ -1,4 +1,4 @@
-export default {
+const Convention = {
   'user-responses': [
     {
       name: 'Code Conventions, please.',
@@ -17,3 +17,5 @@ export default {
     gooey: 'Conventions help a lot to keep code readable, even if many different people contribute to it. For what would you like to see our conventions?',
   },
 };
+
+export default Convention;

src/data/ContributionResources/Git.jsx

@@ -1,22 +1,23 @@
-import ContributionResources from ".";
+// import index from "./index";
 
-export default {
-    'user-responses': [
-      {
-        name: 'How to work with Git?',
-        link: 'http://learngitbranching.js.org/',
-      },
-      {
-        name: 'How to work with forks?',
-        link: 'https://docs.github.com/en/free-pro-team@latest/github/collaborating-with-issues-and-pull-requests/working-with-forks'
-      },
-      {
-        name: 'Done. What else should I know about?',
-        child: ContributionResources,
-      },
-    ],
-    'gooey-response': {
-      gooey: 'New to Git / GitHub? Check this out.',
+const Git = {
+  'user-responses': [
+    {
+      name: 'How to work with Git?',
+      link: 'http://learngitbranching.js.org/',
     },
-  };
-
+    {
+      name: 'How to work with forks?',
+      link: 'https://docs.github.com/en/free-pro-team@latest/github/collaborating-with-issues-and-pull-requests/working-with-forks'
+    },
+    // {
+    //   name: 'Done. What else should I know about?',
+    //   child: index,
+    // },
+  ],
+  'gooey-response': {
+    gooey: 'New to Git / GitHub? Check this out.',
+  },
+};
+
+export default Git;

src/data/ContributionResources/Workspace.jsx

@@ -1,20 +1,21 @@
-export default {
-    'user-responses': [
-      {
-        name: 'I`m impatient. Give me the quick start!',
-        link: 'https://github.com/MovingBlocks/Terasology/wiki/Contributor-Quick-Start',
-      },
-      {
-        name: 'I want to learn more about the whole project setup!',
-        link: 'https://github.com/MovingBlocks/Terasology/wiki/Project-Overview',
-      },
-      {
-        name: 'Done. Now I`m ready to code!',
-        jump: 'u0u0u3u0'
-      },
-    ],
-    'gooey-response': {
-      gooey: 'Let`s set up your workspace!',
+const Workspace = {
+  'user-responses': [
+    {
+      name: 'I`m impatient. Give me the quick start!',
+      link: 'https://github.com/MovingBlocks/Terasology/wiki/Contributor-Quick-Start',
     },
-  };
-
+    {
+      name: 'I want to learn more about the whole project setup!',
+      link: 'https://github.com/MovingBlocks/Terasology/wiki/Project-Overview',
+    },
+    {
+      name: 'Done. Now I`m ready to code!',
+      jump: 'u0u0u3u0'
+    },
+  ],
+  'gooey-response': {
+    gooey: 'Let`s set up your workspace!',
+  },
+};
+
+export default Workspace;

src/data/ContributionResources/index.jsx

@@ -3,7 +3,7 @@ import Conventions from "./Conventions";
 import Workspace from "./Workspace";
 import Contributor from "../Terasology/Contributor";
 
-export default {
+const index = {
   'user-responses': [
     {
       name: 'How do I work with Git / GitHub?',
@@ -34,3 +34,5 @@ export default {
     gooey: "You're a new contributor? Awesome and welcome! How can I help you?",
   },
 };
+
+export default index;

src/data/DestinationSol/About.jsx

@@ -1,4 +1,4 @@
-export default {
+const About = {
   'user-responses': [
     {
       name: 'Tell me more',
@@ -15,3 +15,5 @@ export default {
       'Destination Sol is an open-source, free-to-play hardcore arcade/RPG. You start as a pilot of a small fighter ship on the edge of a star system, and you are free to explore the game world, land on planets, fight with enemies, upgrade your ship and equipment, hire mercenaries, mine asteroids, and more.',
   },
 };
+
+export default About;

src/data/DestinationSol/Contributor.jsx

@@ -1,6 +1,6 @@
 import ContributionResources from '../ContributionResources';
 
-export default {
+const Contributor = {
   'user-responses': [
     {
       name: 'Show me the prerequisites and resources. ',
@@ -41,3 +41,5 @@ export default {
     gooey: 'Here are some contribution areas..',
   },
 };
+
+export default Contributor;

src/data/DestinationSol/Player.jsx

@@ -1,4 +1,4 @@
-export default {
+const Player = {
   'user-responses': [
     {
       name: 'No. I wish to download DestinationSol.',
@@ -14,3 +14,5 @@ export default {
     gooey: 'Do you have the game downloaded?',
   },
 };
+
+export default Player;

src/data/DestinationSol/index.jsx

@@ -2,7 +2,7 @@ import AboutDS from './About';
 import Player from './Player';
 import Contributor from './Contributor';
 
-export default {
+const index = {
   'user-responses': [
     {
       name: 'What is DestinationSol? 🧐',
@@ -26,3 +26,5 @@ export default {
     gooey: 'What about DestinationSol?',
   },
 };
+
+export default index;

src/data/Terasology/About.jsx

@@ -1,7 +1,7 @@
 import Contributor from "./Contributor";
 import Player from "./Player";
 
-export default {
+const About = {
   'user-responses': [
     {
       name: 'Cool! Tell me more!',
@@ -25,3 +25,5 @@ export default {
       'Terasology is a super extensible open source voxel-based game. Born from a Minecraft-inspired tech demo, it is gradually becoming a stable platform for all sorts of gameplay settings in a voxel world.',
   },
 };
+
+export default About;

src/data/Terasology/Art/2D.jsx

@@ -1,4 +1,4 @@
-export default {
+const twoD = {
   'user-responses': [
     {
       name: 'Tell me about Textures.',
@@ -13,3 +13,5 @@ export default {
     gooey: 'Terasology 2D Art is all about block textures, icons and so on.',
   },
 };
+
+export default twoD;

src/data/Terasology/Art/3D.jsx

@@ -1,4 +1,4 @@
-export default {
+const threeD = {
   'user-responses': [
     {
       name: 'Creation of animated models with Blender',
@@ -9,3 +9,5 @@ export default {
     gooey: 'What in 3D Modeling?',
   },
 };
+
+export default threeD;

src/data/Terasology/Art/Sound.jsx

@@ -1,4 +1,4 @@
-export default {
+const Sound = {
   'user-responses': [
     {
       name: 'Video Game Sound Design 101',
@@ -9,3 +9,5 @@ export default {
     gooey: 'Here is a nice resource for Sound Design :)',
   },
 };
+
+export default Sound;

src/data/Terasology/Art/index.jsx

@@ -2,7 +2,7 @@ import TwoD from './2D'
 import ThreeD from './3D'
 import Sound from './Sound'
 
-export default {
+const index = {
   'user-responses': [
     {
       name: 'Show me open tasks related to art',
@@ -25,3 +25,5 @@ export default {
     gooey: 'What type of art would you like to contribute?',
   },
 };
+
+export default index;

src/data/Terasology/Contact.jsx

@@ -1,17 +1,18 @@
-export default {
-    'user-responses': [
-      {
-        name: "Sounds great, I'd like to chat. Do you have Discord?",
-        link: 'https://discord.gg/terasology',
-      },
-      {
-        name: "Nice, I'm old school, is there a forum?",
-        link: 'https://forum.terasology.org/',
-      }
-    ],
-    'gooey-response': {
-      gooey:
-        'The Terasology community can help you 😉 You only need to ask.',
+const Contact = {
+  'user-responses': [
+    {
+      name: "Sounds great, I'd like to chat. Do you have Discord?",
+      link: 'https://discord.gg/terasology',
     },
-  };
-
+    {
+      name: "Nice, I'm old school, is there a forum?",
+      link: 'https://forum.terasology.org/',
+    }
+  ],
+  'gooey-response': {
+    gooey:
+      'The Terasology community can help you 😉 You only need to ask.',
+  },
+};
+
+export default Contact;

src/data/Terasology/Contributor.jsx

@@ -4,7 +4,7 @@ import Documentation from './Documentation';
 import Design from './Design';
 import Contact from './Contact';
 
-export default {
+const Contributor = {
   'user-responses': [
     {
       name: "I'm a developer. I code. Where is my coffee? ☕",
@@ -31,3 +31,5 @@ export default {
     gooey: 'So I heard you want to contribute? Tell me who you are and I tell you where to go.',
   },
 };
+
+export default Contributor;

src/data/Terasology/Design/index.jsx

@@ -1,4 +1,4 @@
-export default {
+const index = {
   'user-responses': [
     {
       name: 'Call me "Bob the Builder" and tell me about in-game structures.',
@@ -17,3 +17,5 @@ export default {
     gooey: 'What would you like to design?',
   },
 };
+
+export default index;

src/data/Terasology/Development/Architecture.jsx

@@ -2,23 +2,24 @@ import ECS from "./ECS";
 import Engine from "./Engine";
 import Modules from "./Modules";
 
-export default {
-    'user-responses': [
-      {
-        name: "Give me the architecture deep dive!",
-        child: ECS
-      },
-      {
-        name: "I'm interested in the engine.",
-        child: Engine
-      },
-      {
-        name: "I'm all-in for modularity.",
-        child: Modules
-      }
-    ],
-    'gooey-response': {
-      gooey: "Terasology mainly consists of an engine and a variety of modules, all based on our core architecture: the Entity-Component-System. About which would you like to learn more?",
+const Architechture = {
+  'user-responses': [
+    {
+      name: "Give me the architecture deep dive!",
+      child: ECS
     },
-  };
-
+    {
+      name: "I'm interested in the engine.",
+      child: Engine
+    },
+    {
+      name: "I'm all-in for modularity.",
+      child: Modules
+    }
+  ],
+  'gooey-response': {
+    gooey: "Terasology mainly consists of an engine and a variety of modules, all based on our core architecture: the Entity-Component-System. About which would you like to learn more?",
+  },
+};
+
+export default Architechture;