From 48128655502c4a97779e5d49d6d1faee12c203c2 Mon Sep 17 00:00:00 2001
From: Alex Prudhomme <78121423+alexprudhomme@users.noreply.github.com>
Date: Thu, 5 Dec 2024 11:13:21 -0500
Subject: [PATCH] fix(atomic): disable next and previous quickview button at
 edges (#4762)

https://coveord.atlassian.net/browse/KIT-3785
---
 .../atomic-quickview-modal/atomic-quickview-modal.tsx           | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/atomic/src/components/search/result-template-components/atomic-quickview-modal/atomic-quickview-modal.tsx b/packages/atomic/src/components/search/result-template-components/atomic-quickview-modal/atomic-quickview-modal.tsx
index af5e39e284e..557b006cd31 100644
--- a/packages/atomic/src/components/search/result-template-components/atomic-quickview-modal/atomic-quickview-modal.tsx
+++ b/packages/atomic/src/components/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>