@guillotinaweb/react-gmi 0.28.0 → 0.28.1

package/dist/react-gmi.esm.js

@@ -13696,6 +13696,10 @@ function Layout(_ref) {
       onLogout = _ref.onLogout,
       auth = _ref.auth;
 
+  var _useState = useState(false),
+      isMenuOpen = _useState[0],
+      setIsMenuOpen = _useState[1];
+
   var doLogout = function doLogout() {
     auth.logout();
     onLogout();
@@ -13709,6 +13713,9 @@ function Layout(_ref) {
         "aria-label": "main navigation",
         children: [jsxs("div", {
           className: "navbar-brand",
+          style: {
+            alignItems: 'center'
+          },
           children: [jsx("a", {
             className: "navbar-item",
             href: "/",
@@ -13717,13 +13724,16 @@ function Layout(_ref) {
               alt: "Guillotina logo",
               height: "80"
             })
-          }), jsxs("a", {
+          }), jsxs("div", {
             id: "burger",
             role: "button",
-            className: "navbar-burger burger",
+            className: classnames(['navbar-burger', 'burger', isMenuOpen && 'is-active']),
             "aria-label": "menu",
             "aria-expanded": "false",
             "data-target": "navbarmenu",
+            onClick: function onClick() {
+              return setIsMenuOpen(!isMenuOpen);
+            },
             children: [jsx("span", {
               "aria-hidden": "true"
             }), jsx("span", {
@@ -13734,7 +13744,7 @@ function Layout(_ref) {
           })]
         }), jsxs("div", {
           id: "navbarmenu",
-          className: "navbar-menu",
+          className: classnames(['navbar-menu', isMenuOpen && 'is-active']),
           children: [jsx("div", {
             className: "navbar-start"
           }), jsx("div", {