feat: revert default search component and update to current Sparque s…

…uggest changes, move quick order to top header
intershop · Dec 19, 2024 · 1e1895d · 1e1895d
1 parent cd229c5
commit 1e1895d
Show file tree

Hide file tree

Showing 5 changed files with 1 addition and 26 deletions.
diff --git a/src/app/shared/components/search/search-box/search-box.component.ts b/src/app/shared/components/search/search-box/search-box.component.ts
@@ -57,7 +57,7 @@ export class SearchBoxComponent implements OnInit {
     // suggests are triggered solely via stream
     this.searchResults$ = this.shoppingFacade
       .searchResults$(this.inputSearchTerms$)
-      .pipe(map(results => results as SuggestTerm[]));
+      .pipe(map(results => (Array.isArray(results) ? results : [])));
   }
   blur() {
     this.inputFocused = false;

diff --git a/src/app/shell/header/header-default/__snapshots__/header-default.component.spec.ts.snap b/src/app/shell/header/header-default/__snapshots__/header-default.component.spec.ts.snap
@@ -43,7 +43,6 @@ exports[`Header Default Component should render normal header adequately for des
         ></a>
       </div>
     </div>
-    <div class="col-md-5 text-right"><ish-lazy-quickorder-link></ish-lazy-quickorder-link></div>
     <div class="col-md-4">
       <div class="search-container header-search-container">
         <ish-lazy-search-box data-testing-id="search-box-desktop"></ish-lazy-search-box>
@@ -115,7 +114,6 @@ exports[`Header Default Component should render normal header adequately for mob
         ></a>
       </div>
     </div>
-    <div class="col-md-5 text-right"><ish-lazy-quickorder-link></ish-lazy-quickorder-link></div>
     <div class="col-md-4"></div>
   </div>
   <button type="button" class="navbar-toggler">
@@ -180,7 +178,6 @@ exports[`Header Default Component should render normal header adequately for tab
         ></a>
       </div>
     </div>
-    <div class="col-md-5 text-right"><ish-lazy-quickorder-link></ish-lazy-quickorder-link></div>
     <div class="col-md-4">
       <div class="search-container header-search-container">
         <ish-lazy-search-box data-testing-id="search-box-desktop"></ish-lazy-search-box>
@@ -244,7 +241,6 @@ exports[`Header Default Component should render sticky header adequately for des
         ></a>
       </div>
     </div>
-    <div class="col-md-5 text-right"><ish-lazy-quickorder-link></ish-lazy-quickorder-link></div>
     <div class="col-md-4"></div>
   </div>
   <button type="button" class="navbar-toggler">
@@ -304,7 +300,6 @@ exports[`Header Default Component should render sticky header adequately for mob
         ></a>
       </div>
     </div>
-    <div class="col-md-5 text-right"><ish-lazy-quickorder-link></ish-lazy-quickorder-link></div>
     <div class="col-md-4"></div>
   </div>
   <button type="button" class="navbar-toggler">
@@ -364,7 +359,6 @@ exports[`Header Default Component should render sticky header adequately for tab
         ></a>
       </div>
     </div>
-    <div class="col-md-5 text-right"><ish-lazy-quickorder-link></ish-lazy-quickorder-link></div>
     <div class="col-md-4"></div>
   </div>
   <button type="button" class="navbar-toggler">

diff --git a/src/app/shell/header/header-default/header-default.component.html b/src/app/shell/header/header-default/header-default.component.html
@@ -93,9 +93,6 @@
         ></a>
       </div>
     </div>
-    <div class="col-md-5 text-right">
-      <ish-lazy-quickorder-link />
-    </div>
     <div class="col-md-4">
       <div *ngIf="!isSticky && deviceType !== 'mobile'" class="search-container header-search-container">
         <ng-container *ngTemplateOutlet="searchBoxTemplate" />

diff --git a/src/styles/components/header/header-sticky.scss b/src/styles/components/header/header-sticky.scss
@@ -49,12 +49,6 @@
         }
       }
 
-      .mid-header {
-        .quickorder-link {
-          display: none !important;
-        }
-      }
-
       .navbar-toggler {
         @include media-breakpoint-down(md) {
           display: block;

diff --git a/src/styles/components/header/header.scss b/src/styles/components/header/header.scss
@@ -69,16 +69,6 @@ header {
     }
   }
 
-  .mid-header {
-    .quickorder-link {
-      .header-icon {
-        font-size: $font-size-corporate;
-        color: $CORPORATE-PRIMARY;
-        vertical-align: middle;
-      }
-    }
-  }
-
   &.homepage {
     margin-bottom: 0;
   }