More refactoring and fixing a bug on spa-router

1 files changed, 12 insertions, 9 deletions

diff --git a/src/js/ui/sections/statsSection.js b/src/js/ui/sections/statsSection.js
index 1f2ede2..d54962a 100644
--- a/src/js/ui/sections/statsSection.js
+++ b/src/js/ui/sections/statsSection.js
@@ -1,17 +1,19 @@
 import { makeElement } from "../../arching-kaos-generator.js";
 
-var statsSection = {
-    element: 'div',
-    id: "stats-section",
-    innerHTML: [
-        { element: "div", className: "where-am-i", innerHTML: `
+export function statsSection()
+{
+    var statsSection = {
+        element: 'div',
+        id: "stats-section",
+        innerHTML: [
+            { element: "div", className: "where-am-i", innerHTML: `
             <img src="./img/logo.png" onclick="menusel({id:'#/welcome-section'})"/>
             <span>&gt;</span>
             <h2>Explore</h2>
             <span>&gt;</span>
             <h2>Stats</h2>
         `},
-        { element: "div", className: "available-networks", innerHTML: `
+            { element: "div", className: "available-networks", innerHTML: `
             <h3>Networks</h3>
             <details class="stellar-network">
                 <summary>Stellar</summary>
@@ -23,7 +25,8 @@ var statsSection = {
                 <summary>Arching Kaos SBlocks</summary>
             </details>
         `}
-    ]
-};
+        ]
+    };
 
-makeElement(statsSection, document.querySelector('.main'));
+    makeElement(statsSection, document.querySelector('.main'));
+}