@blaze-cms/plugin-admin-core-ui 0.125.0 → 0.126.0-admin-updates.1

package/src/components/Layout/Layout.js

@@ -3,16 +3,16 @@ import PropTypes from 'prop-types';
 import { Query } from '@apollo/client/react/components';
 import { getQuery } from '@blaze-cms/admin-ui-utils';
 import { Login } from '@blaze-cms/plugin-auth-ui';
-import Header from '../Header';
 import { Grid } from './components';
-
+import Background from './Background';
 import '@blaze-cms/admin-ui-styles/main.scss';
+import Header from '../Header';
 
 const Layout = ({ children }) => {
   const [isOpenMenu, setOpenMenu] = useState(true);
   const onMenuClick = () => setOpenMenu(!isOpenMenu);
   return (
-    <div className="site-container grid grid--site-container">
+    <div className="site-container grid--site-container">
       <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy="all">
         {({ data = {} }) => {
           const { session: { isLoggedIn, userData = {} } = {} } = data;
@@ -21,11 +21,15 @@ const Layout = ({ children }) => {
             <>
               <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />
               {isLoggedIn ? (
-                <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>
-                  {children}
-                </Grid>
+                <>
+                  <Grid isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} userData={userData}>
+                    {children}
+                  </Grid>
+                </>
               ) : (
-                <Login />
+                <Background>
+                  <Login />
+                </Background>
               )}
             </>
           );