# tableberg/1.1.5/admin/src/components/AdminMenuWrapper.jsx

Tableberg – Simple Gutenberg Table Block, version 1.1.5. 33 lines.

- Page: https://pluginprobe.com/plugins/tableberg/1.1.5/code/admin/src/components/AdminMenuWrapper.jsx
- Raw: https://pluginprobe.com/plugins/tableberg/1.1.5/raw/admin/src/components/AdminMenuWrapper.jsx
- Modified: 2026-09-16T03:30:32+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/tableberg/1.1.5/code/admin/src/components/AdminMenuWrapper.jsx#L10-L20`.

```jsx
import React, { useEffect } from "react";

/**
 * Admin menu wrapper.
 *
 * This component is responsible for arranging its child components inside default WordPress settings menu styles and elements.
 *
 * @param {Object}            props          component properties
 * @param {React.ElementType} props.children child components
 * @class
 */
function AdminMenuWrapper({ children }) {
    useEffect(() => {
        const wpContent = document.querySelector("#wpcontent");
        const wpBody = document.querySelector("#wpbody");
        const adminBar = document.querySelector("#wpadminbar");

        if (wpBody) {
            const adminBarAdjustment = adminBar ? adminBar.offsetHeight : 0;

            wpBody.style.height = `calc( 100vh - ${adminBarAdjustment}px)`;
            wpContent.style.padding = 0;
        }
    }, []);

    return <div className={"tableberg-admin-menu-wrapper"}>{children}</div>;
}

/**
 * @module AdminMenuWrapper
 */
export default AdminMenuWrapper;

```