ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / sparklp6 / public_html / website_356c8563 / wp-content / plugins / essential-blocks / src / admin / dashboard

import { __ } from "@wordpress/i18n";
import { createRoot } from "@wordpress/element"
import React, { useState } from "react";

import Header from "./components/Header";
import menuList from './menuList';

import "./scss/index.scss";

const EssentialAdmin = () => {
    let queryParams = new URLSearchParams(window.location.search);
    let tab = queryParams.get("tab") === null ? "general" : queryParams.get("tab");

const [tabState, setTabState] = useState(tab);

const handleClick = (param) => {
        window.history.replaceState(
            null,
            null,
            "?page=essential-blocks&tab=" + param
        );

queryParams = new URLSearchParams(window.location.search);
        tab = queryParams.get("tab") ?? 'general';

setTabState(tab);
    };

return (
        <div className="eb-settings-container">
            <Header menuList={menuList} handleNavClick={handleClick} tabState={tabState} />

{menuList.map((menu) => (
                <React.Fragment key={menu.id}>
                    {tabState === menu.id && menu.comp}
                </React.Fragment>
            ))}
        </div>
    );
};

document.addEventListener("DOMContentLoaded", () => {
    const container = document.getElementById("eb-settings")
    const root = createRoot(container);
    root.render(<EssentialAdmin />);
});

[-] .htaccess [edit]
[-] menuList.js [edit]
[+] scss
[-] index.js [edit]
[+] components
[+] ..
[+] icons