import { makeElement } from "../../arching-kaos-generator.js";

export function myPageSection()
{
    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'));
}