@blaze-cms/plugin-admin-core-ui 0.134.0 → 0.135.0-admin-updates.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-admin-core-ui",
-  "version": "0.134.0",
+  "version": "0.135.0-admin-updates.0",
   "description": "Blaze plugin admin core ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,11 +27,11 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-styles": "^0.131.0",
-    "@blaze-cms/admin-ui-utils": "^0.132.0",
-    "@blaze-cms/core-ui": "^0.131.0",
-    "@blaze-cms/plugin-search-ui": "^0.134.0",
-    "@blaze-cms/setup-ui": "^0.131.0",
+    "@blaze-cms/admin-ui-styles": "0.135.0-admin-updates.0",
+    "@blaze-cms/admin-ui-utils": "0.135.0-admin-updates.0",
+    "@blaze-cms/core-ui": "0.135.0-admin-updates.0",
+    "@blaze-cms/plugin-search-ui": "0.135.0-admin-updates.0",
+    "@blaze-cms/setup-ui": "0.135.0-admin-updates.0",
     "@blaze-react/avatar": "0.5.19",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/input": "0.5.30",
@@ -47,12 +47,12 @@
     "react-router-dom": "^5.0.1"
   },
   "devDependencies": {
-    "@blaze-cms/plugin-auth-ui": "^0.132.0",
+    "@blaze-cms/plugin-auth-ui": "0.135.0-admin-updates.0",
     "waait": "1.0.5"
   },
   "eslintIgnore": [
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "0ee132aebf4417d5259a42bef9f790df2a2bb453"
+  "gitHead": "229dc9d0f9fc4500a5a51aa148809729888ac96a"
 }

package/src/components/Header/Header.js

@@ -5,15 +5,17 @@ import { Menu, Logo } from './components';
 import { LOGO_PROPS } from '../../constants';
 
 const Header = ({ isLoggedIn, isOpenMenu, onMenuClick }) => (
-  <header className="header">
+  <>
     {isLoggedIn && (
-      <div className="header__menu">
-        <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id="menu-button" />
-      </div>
+      <header className="header">
+        <div className="header__menu">
+          <Menu isOpenMenu={isOpenMenu} onMenuClick={onMenuClick} id="menu-button" />
+        </div>
+        <Logo {...LOGO_PROPS} />
+        <SearchAdmin />
+      </header>
     )}
-    <Logo {...LOGO_PROPS} />
-    {isLoggedIn && <SearchAdmin />}
-  </header>
+  </>
 );
 
 Header.propTypes = {

package/src/components/Layout/Background.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+// import Svg from './bg.svg';
+
+const Background = ({ children }) => (
+  <div className="bg-blue-900 h-full w-full relative">
+    {/* <Svg /> */}
+    <div className="login-container">{children}</div>
+  </div>
+);
+
+Background.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+};
+
+export default Background;

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