From b98c50cea8aaecd0ba3b431d7b23492812662d57 Mon Sep 17 00:00:00 2001
From: TengkuAchmad <achmad.tengku@gmail.com>
Date: Mon, 24 Nov 2025 20:22:01 +0700
Subject: [PATCH] refactor(payments): remove indomaret support and update
 navigation

---
 src/app/router.tsx                                | 4 ++--
 src/features/payments/components/PaymentLogos.tsx | 2 +-
 src/features/payments/lib/navigation.ts           | 4 ++--
 src/pages/NotFoundPage.tsx                        | 3 ++-
 src/pages/PayPage.tsx                             | 3 ++-
 src/pages/PaymentStatusPage.tsx                   | 2 +-
 6 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/app/router.tsx b/src/app/router.tsx
index 3b32ad3..5cc3e8a 100644
--- a/src/app/router.tsx
+++ b/src/app/router.tsx
@@ -1,6 +1,6 @@
 import { createBrowserRouter, RouterProvider } from 'react-router-dom'
 import { AppLayout } from './AppLayout'
-import { CheckoutPage } from '../pages/CheckoutPage'
+// import { CheckoutPage } from '../pages/CheckoutPage'
 import { PaymentStatusPage } from '../pages/PaymentStatusPage'
 import { PaymentHistoryPage } from '../pages/PaymentHistoryPage'
 import { NotFoundPage } from '../pages/NotFoundPage'
@@ -15,7 +15,7 @@ const router = createBrowserRouter([
     errorElement: <div role="alert">Terjadi kesalahan. Coba muat ulang.</div>,
     children: [
       { index: true, element: <InitPage /> },
-      { path: 'checkout', element: <CheckoutPage /> },
+      // { path: 'checkout', element: <CheckoutPage /> },
       { path: 'pay/:token', element: <PayPage /> },
       { path: 'payments/:orderId/status', element: <PaymentStatusPage /> },
       { path: 'history', element: <PaymentHistoryPage /> },
diff --git a/src/features/payments/components/PaymentLogos.tsx b/src/features/payments/components/PaymentLogos.tsx
index ec88161..b2a55dc 100644
--- a/src/features/payments/components/PaymentLogos.tsx
+++ b/src/features/payments/components/PaymentLogos.tsx
@@ -103,7 +103,7 @@ export function CStoreLogosRow({ compact = false, size }: { compact?: boolean; s
   return (
     <div className="flex items-center gap-2">
       <LogoAlfamart compact={compact} size={size} />
-      <LogoIndomaret compact={compact} size={size} />
+      {/* <LogoIndomaret compact={compact} size={size} /> */}
     </div>
   )
 }
diff --git a/src/features/payments/lib/navigation.ts b/src/features/payments/lib/navigation.ts
index 1d888e9..0363e42 100644
--- a/src/features/payments/lib/navigation.ts
+++ b/src/features/payments/lib/navigation.ts
@@ -4,7 +4,7 @@ export function usePaymentNavigation() {
   const navigate = useNavigate()
   return {
     toCheckout() {
-      navigate('/checkout')
+      window.location.assign('https://erpskrip.id/pembayaran-pelanggan')
     },
     toStatus(orderId: string, method?: string) {
       const qs = method ? `?m=${encodeURIComponent(method)}` : ''
@@ -14,4 +14,4 @@ export function usePaymentNavigation() {
       navigate('/history')
     },
   }
-}
\ No newline at end of file
+}
diff --git a/src/pages/NotFoundPage.tsx b/src/pages/NotFoundPage.tsx
index 8f82e65..2a4f80c 100644
--- a/src/pages/NotFoundPage.tsx
+++ b/src/pages/NotFoundPage.tsx
@@ -5,7 +5,8 @@ export function NotFoundPage() {
     <div className="space-y-3">
       <h1 className="text-xl font-semibold">Halaman tidak ditemukan</h1>
       <p className="text-sm text-black/70">Periksa URL atau kembali ke checkout.</p>
-      <Link to="/checkout" className="text-brand-600 underline">Kembali ke Checkout</Link>
+      {/* <Link to="/checkout" className="text-brand-600 underline">Kembali ke Checkout</Link> */}
+      <Link to="/" className="text-brand-600 underline">Kembali</Link>
     </div>
   )
 }
\ No newline at end of file
diff --git a/src/pages/PayPage.tsx b/src/pages/PayPage.tsx
index 715d64e..c941c7e 100644
--- a/src/pages/PayPage.tsx
+++ b/src/pages/PayPage.tsx
@@ -179,7 +179,8 @@ export function PayPage() {
                     <div className="space-y-2" aria-live="polite">
                       <div className="text-xs text-gray-600">Pilih toko untuk membuat kode pembayaran</div>
                       <div className={`grid grid-cols-2 gap-2 ${isBusy ? 'pointer-events-none opacity-60' : ''}`}>
-                        {(['alfamart', 'indomaret'] as const).map((st) => (
+                        {/* {(['alfamart', 'indomaret'] as const).map((st) => ( */}
+                          {(['alfamart'] as const).map((st) => (
                           <button
                             key={st}
                             type="button"
diff --git a/src/pages/PaymentStatusPage.tsx b/src/pages/PaymentStatusPage.tsx
index 4c56abe..a05d08a 100644
--- a/src/pages/PaymentStatusPage.tsx
+++ b/src/pages/PaymentStatusPage.tsx
@@ -112,7 +112,7 @@ export function PaymentStatusPage() {
         ) : null}
         <div className="mt-4 flex gap-2">
           <Button onClick={() => nav.toHistory()}>Lihat Riwayat</Button>
-          <Button variant="secondary" onClick={() => nav.toCheckout()}>Kembali ke Checkout</Button>
+          <Button variant="secondary" onClick={() => nav.toCheckout()}>Kembali</Button>
         </div>
       </div>
       {!Env.API_BASE_URL && (