@blaze-cms/plugin-admin-core-ui 0.133.0-core-styles.3 → 0.133.0

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--site-container">
+    <div className="site-container grid grid--site-container">
       <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy="all">
         {({ data = {} }) => {
           const { session: { isLoggedIn, userData = {} } = {} } = data;
@@ -21,15 +21,11 @@ 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>
               ) : (
-                <Background>
-                  <Login />
-                </Background>
+                <Login />
               )}
             </>
           );

package/src/components/Layout/components/Grid/Grid.js

@@ -44,7 +44,7 @@ const Grid = ({ children, isOpenMenu, onMenuClick, userData }) => {
           onMenuClick={onMenuClick}
           userData={userData}
         />
-        <div className="grid--main-content-wrapper">{children}</div>
+        {children}
       </div>
     </MainContextProvider>
   ) : (

package/src/components/SideBar/SideBar.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Link } from 'react-router-dom';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { useApolloClient } from '@apollo/client';
@@ -30,9 +31,9 @@ const SideBar = ({ menuItems, isOpenMenu, onMenuClick, userData }) => {
         onClick={onMenuClick}>
         <i className="material-icons">keyboard_arrow_left</i>
       </div>
-      {/* <Link to="/" className="side-nav__block-home">
+      <Link to="/" className="side-nav__block-home">
         Dashboard
-      </Link> */}
+      </Link>
       <div className={sideNavWrapperClassname} data-testid="sidenav" id="side-nav__wrapper">
         {menuItems.length
           ? menuItems.map(([, data]) => <SideBlock key={data.header} {...data} />)

package/src/constants.js

@@ -1,5 +1,5 @@
 const PLUGIN_NAME = 'admin-core-ui';
-const LOGO_PROPS = { src: 'https://images.thisisblaze.com/logo-98-148.png' };
+const LOGO_PROPS = { src: 'https://images.thisisblaze.com/logo-85-30.png' };
 
 const DEFAULT_LABEL = {
   text: 'See more',

package/src/containers/Home/Home.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const Home = () => <div />;
+const Home = () => <div>Home</div>;
 
 Home.displayName = 'Home';
 

package/lib/components/Layout/Background.js

@@ -1,26 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-// import Svg from './bg.svg';
-
-var Background = function Background(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "bg-blue-900 h-full w-full relative"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "login-container"
-  }, children));
-};
-Background.propTypes = {
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
-};
-var _default = Background;
-exports["default"] = _default;
-//# sourceMappingURL=Background.js.map

package/lib/components/Layout/Background.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Background.js","names":["_react","_interopRequireDefault","require","_propTypes","Background","_ref","children","createElement","className","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","_default","exports"],"sources":["../../../src/components/Layout/Background.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n// import Svg from './bg.svg';\n\nconst Background = ({ children }) => (\n  <div className=\"bg-blue-900 h-full w-full relative\">\n    {/* <Svg /> */}\n    <div className=\"login-container\">{children}</div>\n  </div>\n);\n\nBackground.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Background;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA;;AAEA,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,oBAC5BN,MAAA,YAAAO,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBAEjDR,MAAA,YAAAO,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAAEF,QAAc,CAC7C,CAAC;AAAA,CACP;AAEDF,UAAU,CAACK,SAAS,GAAG;EACrBH,QAAQ,EAAEI,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAAC,IAAAC,QAAA,GAEaX,UAAU;AAAAY,OAAA,cAAAD,QAAA"}

package/lib-es/components/Layout/Background.js

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

package/lib-es/components/Layout/Background.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Background.js","names":["React","PropTypes","Background","children","createElement","className","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Background.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n// import Svg from './bg.svg';\n\nconst Background = ({ children }) => (\n  <div className=\"bg-blue-900 h-full w-full relative\">\n    {/* <Svg /> */}\n    <div className=\"login-container\">{children}</div>\n  </div>\n);\n\nBackground.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Background;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC;;AAEA,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAS,CAAC,kBAC9BH,KAAA,CAAAI,aAAA;EAAKC,SAAS,EAAC;AAAoC,gBAEjDL,KAAA,CAAAI,aAAA;EAAKC,SAAS,EAAC;AAAiB,GAAEF,QAAc,CAC7C,CACN;AAEDD,UAAU,CAACI,SAAS,GAAG;EACrBH,QAAQ,EAAEF,SAAS,CAACM,SAAS,CAAC,CAACN,SAAS,CAACO,OAAO,CAACP,SAAS,CAACQ,IAAI,CAAC,EAAER,SAAS,CAACQ,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAeR,UAAU"}

package/src/components/Layout/Background.js

@@ -1,16 +0,0 @@
-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;