Visual improvements

1 files changed, 24 insertions, 0 deletions

diff --git a/src/js/ui/sections/myPageSection.js b/src/js/ui/sections/myPageSection.js
new file mode 100644
index 0000000..0c79f06
--- /dev/null
+++ b/src/js/ui/sections/myPageSection.js
@@ -0,0 +1,24 @@
+import { makeElement } from "../../arching-kaos-generator.js";
+
+var myPageSection = {
+    element: "div",
+    id: "mypage-section",
+    innerHTML: `
+        <h2>My page</h2>
+        <button id="stellar-freigher-connect-address-button" onclick="connect()">Connect with Freighter wallet</button>
+        <div id="my-news">
+            <h3>My news</h3>
+            <em id="my-news-sec-not-found">No data found (yet?)!</em>
+        </div>
+        <div id="my-mixtapes">
+            <h3>My mixtapes</h3>
+            <em id="my-mixtapes-sec-not-found">No data found (yet?)!</em>
+        </div>
+        <div id="my-zchain">
+            <h3>My zchain</h3>
+            <em id="my-zchain-sec-not-found">No data found (yet?)!</em>
+        </div>
+    `
+};
+
+makeElement(myPageSection, document.querySelector('.main'));