From 22fe1409878d7434772c3c7e5400bed0794969c8 Mon Sep 17 00:00:00 2001
From: Tracewebstudio Dev <dev@tracewebstudio.com>
Date: Fri, 26 Jun 2026 21:07:36 +0200
Subject: [PATCH] Refine admin Razorpay gateway screen

---
 src/routes/admin/payment-gateway.tsx | 26 ++++++++++----------------
 1 file changed, 10 insertions(+), 16 deletions(-)

diff --git a/src/routes/admin/payment-gateway.tsx b/src/routes/admin/payment-gateway.tsx
index e4c025b..fd9b528 100644
--- a/src/routes/admin/payment-gateway.tsx
+++ b/src/routes/admin/payment-gateway.tsx
@@ -13,10 +13,10 @@ type PaymentGatewayConfig = {
 };
 
 const DEFAULT_CONFIG: PaymentGatewayConfig = {
-  provider: 'BeepScepter',
+  provider: 'Razorpay',
   mode: 'sandbox',
   enabled: true,
-  baseUrl: '',
+  baseUrl: 'https://api.razorpay.com',
   callbackUrl: '',
   webhookUrl: '',
   merchantId: '',
@@ -26,16 +26,10 @@ const DEFAULT_CONFIG: PaymentGatewayConfig = {
 
 const READ_ENDPOINTS = [
   '/api/admin/payment-gateway-config',
-  '/api/admin/settings/payment-gateway',
-  '/api/admin/system-config/payment-gateway',
-  '/api/gateway/admin/payment-gateway-config',
 ];
 
 const WRITE_ENDPOINTS = [
   '/api/admin/payment-gateway-config',
-  '/api/admin/settings/payment-gateway',
-  '/api/admin/system-config/payment-gateway',
-  '/api/gateway/admin/payment-gateway-config',
 ];
 
 function authHeaders() {
@@ -151,7 +145,7 @@ export default function PaymentGatewayManagementPage() {
     <div class="w-full space-y-6 pb-8">
       <div style="margin-bottom:1.5rem">
         <h1 class="text-[28px] font-bold leading-tight text-[#111827]">Payment Gateway Management</h1>
-        <p class="mt-1 text-[14px] text-[#6B7280]">Manage provider credentials and callback URLs for platform payments.</p>
+        <p class="mt-1 text-[14px] text-[#6B7280]">Manage Razorpay credentials, mode, and callback URLs for platform payments.</p>
       </div>
 
       <Show when={error()}>
@@ -169,7 +163,7 @@ export default function PaymentGatewayManagementPage() {
         <form onSubmit={save} class="grid grid-cols-1 gap-4 sm:grid-cols-2">
           <div>
             <label class={labelCls}>Provider</label>
-            <input class={inputCls} value={cfg().provider} onInput={(e) => setField('provider', e.currentTarget.value)} />
+            <input class={inputCls} value={cfg().provider} onInput={(e) => setField('provider', e.currentTarget.value)} placeholder="Razorpay" />
           </div>
           <div>
             <label class={labelCls}>Mode</label>
@@ -179,19 +173,19 @@ export default function PaymentGatewayManagementPage() {
             </select>
           </div>
           <div>
-            <label class={labelCls}>Base URL</label>
+            <label class={labelCls}>Base API URL</label>
             <input class={inputCls} value={cfg().baseUrl} onInput={(e) => setField('baseUrl', e.currentTarget.value)} placeholder="https://api.provider.com" />
           </div>
           <div>
-            <label class={labelCls}>Merchant ID</label>
-            <input class={inputCls} value={cfg().merchantId} onInput={(e) => setField('merchantId', e.currentTarget.value)} />
+            <label class={labelCls}>Merchant / Account ID</label>
+            <input class={inputCls} value={cfg().merchantId} onInput={(e) => setField('merchantId', e.currentTarget.value)} placeholder="Optional internal reference" />
           </div>
           <div>
-            <label class={labelCls}>API Key</label>
-            <input class={inputCls} value={cfg().apiKey} onInput={(e) => setField('apiKey', e.currentTarget.value)} />
+            <label class={labelCls}>Razorpay Key ID</label>
+            <input class={inputCls} value={cfg().apiKey} onInput={(e) => setField('apiKey', e.currentTarget.value)} placeholder="rzp_test_xxxxx" />
           </div>
           <div>
-            <label class={labelCls}>Secret Key</label>
+            <label class={labelCls}>Razorpay Key Secret</label>
             <div class="flex gap-2">
               <input
                 type={showSecret() ? 'text' : 'password'}