fix(atomic): disable next and previous quickview button at edges (#4762)

https://coveord.atlassian.net/browse/KIT-3785
coveo · Dec 5, 2024 · 4812865 · 4812865
1 parent 5e327af
commit 4812865
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/...nents/search/result-template-components/atomic-quickview-modal/atomic-quickview-modal.tsx b/...nents/search/result-template-components/atomic-quickview-modal/atomic-quickview-modal.tsx
@@ -194,6 +194,7 @@ export class AtomicQuickviewModal implements InitializableComponent {
           class="p-2"
           style="square-neutral"
           onClick={() => this.previousQuickview?.emit()}
+          disabled={this.current === 1}
           text={this.bindings.i18n.t('quickview-previous')}
         ></Button>
         <p class="text-center">
@@ -206,6 +207,7 @@ export class AtomicQuickviewModal implements InitializableComponent {
           class="p-2"
           style="square-neutral"
           onClick={() => this.nextQuickview?.emit()}
+          disabled={this.current === this.total}
           text={this.bindings.i18n.t('quickview-next')}
         ></Button>
       </div>