Document Handler - Drawer Static Button Bug

[OlofSvahnVbg]

If you choose to have the drawer permanently locked in place...

... an inactive button still appears:

There is logic implemented to keep this from happening, and the problem does not seem to appear in kommungis-utv...

... and I'm not sure why this problem occurs, actually. Perhaps something wrong with drawerButtons in App.js.

[OlofSvahnVbg]

It seems that drawerButtons sometimes contains an "empty button". In other words, if plugins is empty in some views, it has 0 items and gets styling hidden or display none or something. The prop hideOnMdScreensAndAbove controls this.

The problem is that the drawerButtons then contains 2 buttons (one visible and one invisible), which messes up the checkDrawerButtons(), because it counts 2 buttons and therefore does not remove the single visible button.

[OlofSvahnVbg]

Potential fix for this:

  checkDrawerButtons() {
    const hasHiddenPlugin = this.state.drawerButtons.some(
      (db) => db.hideOnMdScreensAndAbove
    );
    const hasMultipleButtons = this.state.drawerButtons.length > 1;

    return (
      !this.state.drawerStatic ||
      (this.state.drawerStatic && hasMultipleButtons && !hasHiddenPlugin)
    );
  }