From e7b0fea94b0c9347c25d489dcb30e00f9864b662 Mon Sep 17 00:00:00 2001
From: Shekhar Vaidya <shekhar.vaidya2@hotmail.com>
Date: Mon, 18 May 2026 12:11:35 +0530
Subject: [PATCH] fix(frontend): fix TypeScript error in Back button navigate
 call
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Split ternary into two separate navigate() calls to satisfy TypeScript
overload resolution — navigate(delta: number) and navigate(to: To)
are distinct overloads that cannot share a ternary return type.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/pages/ProductDetailPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/ProductDetailPage.tsx b/frontend/src/pages/ProductDetailPage.tsx
index 28f5b38..7872eae 100644
--- a/frontend/src/pages/ProductDetailPage.tsx
+++ b/frontend/src/pages/ProductDetailPage.tsx
@@ -213,7 +213,7 @@ export default function ProductDetailPage() {
       <div className="max-w-xl mx-auto px-5 pt-12 pb-10">
         {/* Back */}
         <button
-          onClick={() => navigate(window.history.state?.idx ? -1 : '/')}
+          onClick={() => window.history.state?.idx ? navigate(-1) : navigate('/')}
           className="flex items-center gap-1.5 text-sm text-zinc-500 hover:text-zinc-300 mb-8 transition-colors"
         >
           <ArrowLeft size={15} />