@fakel/rest-admin/esm/components/Admin/AdminLayout.js

An application that makes it easier to work with your API

import React from 'react';
import Layout from 'antd/lib/layout';
import { ErrorBoundary } from 'react-error-boundary';
import { observer } from 'mobx-react';
import Menu from '../Menu/Menu';
import Header from '../Header/Header';
import ErrorFallback from '../ErrorFallback/ErrorFallback';
import { useAppStore } from '../../hooks';
var Content = Layout.Content, Sider = Layout.Sider;
var AdminLayout = observer(function (_a) {
    var children = _a.children;
    var appStore = useAppStore();
    var appLogo = appStore.appLogo, appName = appStore.appName;
    return (React.createElement(Layout, { style: { minHeight: '100vh' } },
        React.createElement(Header, { appLogo: appLogo, appName: appName }),
        React.createElement(Layout, null,
            React.createElement(Sider, { width: 200, className: "site-layout-background" },
                React.createElement(Menu, null)),
            React.createElement(Layout, { style: { padding: '20px' } },
                React.createElement(ErrorBoundary, { fallbackRender: function (_a) {
                        var error = _a.error, resetErrorBoundary = _a.resetErrorBoundary;
                        return (React.createElement(ErrorFallback, { message: error.message, resetErrorBoundary: resetErrorBoundary }));
                    } },
                    React.createElement(Content, { className: "site-layout-background" }, children))))));
});
export default AdminLayout;