Merged PR 2070: fix(shared-filter, reward-catalog): Added Branch Filter Toggle to Reward HSC...

fix(shared-filter, reward-catalog): Added Branch Filter Toggle to Reward HSC View, Adjusted Controls Panel Filter Styling and Layout to fix mobile issues and added spacing to order-by-toolbar

Refs: #5514, #5475

libs/checkout/feature/reward-catalog/src/lib/reward-catalog.component.ts

@@ -73,9 +73,6 @@ export class RewardCatalogComponent {
   #filterService = inject(FilterService);
 
   displayStockFilterSwitch = computed(() => {
-    if (this.isCallCenter) {
-      return [];
-    }
     const stockInput = this.#filterService
       .inputs()
       ?.filter((input) => input.target === 'filter')

libs/shared/filter/src/lib/controls-panel/controls-panel.component.html

@@ -12,7 +12,7 @@
     ></filter-search-bar-input>
   }
 
-  <div class="flex flex-row gap-4 items-center">
+  <div class="flex flex-row gap-4 items-center flex-wrap justify-end">
     <ng-content></ng-content>
 
     @for (switchFilter of switchFilters(); track switchFilter.filter.key) {

libs/shared/filter/src/lib/order-by/order-by-toolbar.component.html

@@ -15,6 +15,8 @@
       </div>
       @if (orderBy.currentDir) {
         <ng-icon [name]="orderBy.currentDir" size="1.25rem"></ng-icon>
+      } @else {
+        <div class="w-5 h-5"></div>
       }
     </button>
   }

libs/shared/filter/src/lib/order-by/order-by-toolbar.component.scss

@@ -1,3 +1,7 @@
 :host {
   @apply inline-flex flex-col;
 }
+
+.ui-toolbar {
+  @apply gap-0;
+}