golden hour

/home/godaofbq/hyperxpod.com/wp-content/plugins/essential-blocks/src/admin

File/Folder	Size	Actions
.htaccess	514 B
components	-
icons	-
index.js	1.33 KB
menuList.js	1.12 KB
scss	-

Edit: index.js

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 />);
});