Fix invalid search minScale passed to SearchBox through SoTopBar

qwc-services · Jun 19, 2024 · 7625d80 · 7625d80
1 parent 8175517
commit 7625d80
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/js/plugins/SoTopBar.jsx b/js/plugins/SoTopBar.jsx
@@ -81,18 +81,22 @@ class SoTopBar extends React.Component {
         });
         let searchComponent = null;
         if (this.props.components.Search) {
+            // Convert legacy minScale option to minScaleDenom
+            const searchOptions = {...this.props.searchOptions};
+            searchOptions.minScaleDenom = searchOptions.minScaleDenom || searchOptions.minScale;
+            delete searchOptions.minScale;
             if (this.props.mobile) {
                 const buttonClasses = classnames({
                     "sotopbar-search-button-active": this.state.mobileSearchVisible
                 });
                 searchComponent = [
                     (<button className={buttonClasses} key="SearchButton" onClick={() => this.toggleSearch()} type="button"><Icon icon="search" size="large" /></button>),
                     this.state.mobileSearchVisible ? (<div key="SearchField" className="sotopbar-mobile-searchfield">
-                        <this.props.components.Search searchOptions={this.props.searchOptions}/>
+                        <this.props.components.Search searchOptions={searchOptions}/>
                     </div>) : null
                 ];
             } else {
-                searchComponent = (<this.props.components.Search searchOptions={this.props.searchOptions}/>);
+                searchComponent = (<this.props.components.Search searchOptions={searchOptions}/>);
             }
         }
         const bannerClasses = classnames({