fixed a bug where the mobile menu would display even when no menu items were provided

Author: lovasoa

CHANGELOG.md

@@ -18,6 +18,7 @@
  - **divider component**: Add new properties to the divider component: `link`, `bold`, `italics`, `underline`, `size`.
  - **form component**: fix slight misalignment and sizing issues of checkboxes and radio buttons.
  - **table component**: fixed a bug where markdown contents of table cells would not be rendered as markdown if the column name contained uppercase letters on Postgres. Column name matching is now case-insensitive, so `'title' as markdown` will work the same as `'Title' as markdown`. In postgres, non-double-quoted identifiers are always folded to lowercase.
+ - **shell component**: fixed a bug where the mobile menu would display even when no menu items were provided.
 
 ## 0.28.0 (2024-08-31)
 - Chart component: fix the labels of pie charts displaying too many decimal places.

sqlpage/templates/shell.handlebars

@@ -195,12 +195,14 @@
                 <h1 class="mb-0 fs-2 text-truncate flex-grow-1" style="flex-basis:0">
                     <a class="text-decoration-none" href="{{#if link}}{{link}}{{else}}/{{/if}}">{{default navbar_title title}}</a>
                 </h1>
+                {{#if menu_item}}
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
                 <div class="collapse navbar-collapse flex-grow-0" id="navbar-menu">
                     {{> menu-items menu_item=menu_item}}
                 </div>
+                {{/if}}
             </div>
         </nav>
         </header>