@guillotinaweb/react-gmi 0.28.0 → 0.28.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11667,6 +11667,8 @@ function Layout({
11667
11667
  onLogout,
11668
11668
  auth
11669
11669
  }) {
11670
+ const [isMenuOpen, setIsMenuOpen] = useState(false);
11671
+
11670
11672
  const doLogout = () => {
11671
11673
  auth.logout();
11672
11674
  onLogout();
@@ -11680,6 +11682,9 @@ function Layout({
11680
11682
  "aria-label": "main navigation",
11681
11683
  children: [jsxs("div", {
11682
11684
  className: "navbar-brand",
11685
+ style: {
11686
+ alignItems: 'center'
11687
+ },
11683
11688
  children: [jsx("a", {
11684
11689
  className: "navbar-item",
11685
11690
  href: "/",
@@ -11688,13 +11693,14 @@ function Layout({
11688
11693
  alt: "Guillotina logo",
11689
11694
  height: "80"
11690
11695
  })
11691
- }), jsxs("a", {
11696
+ }), jsxs("div", {
11692
11697
  id: "burger",
11693
11698
  role: "button",
11694
- className: "navbar-burger burger",
11699
+ className: classnames(['navbar-burger', 'burger', isMenuOpen && 'is-active']),
11695
11700
  "aria-label": "menu",
11696
11701
  "aria-expanded": "false",
11697
11702
  "data-target": "navbarmenu",
11703
+ onClick: () => setIsMenuOpen(!isMenuOpen),
11698
11704
  children: [jsx("span", {
11699
11705
  "aria-hidden": "true"
11700
11706
  }), jsx("span", {
@@ -11705,7 +11711,7 @@ function Layout({
11705
11711
  })]
11706
11712
  }), jsxs("div", {
11707
11713
  id: "navbarmenu",
11708
- className: "navbar-menu",
11714
+ className: classnames(['navbar-menu', isMenuOpen && 'is-active']),
11709
11715
  children: [jsx("div", {
11710
11716
  className: "navbar-start"
11711
11717
  }), jsx("div", {