From 59e2c0f3cb4e57aff701f62fc2660b7159382c37 Mon Sep 17 00:00:00 2001
From: sazzadulalambd <sazzad.sua@gmail.com>
Date: Tue, 5 May 2026 02:57:02 +0600
Subject: [PATCH] refactor: update KYC request details action to navigate to
 individual detail pages using next/navigation router

---
 src/app/admin/kyc/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/admin/kyc/page.tsx b/src/app/admin/kyc/page.tsx
index b35da0e..3956e16 100644
--- a/src/app/admin/kyc/page.tsx
+++ b/src/app/admin/kyc/page.tsx
@@ -2,6 +2,7 @@
 
 import { useState, useEffect } from 'react';
 import Link from 'next/link';
+import { useRouter } from 'next/navigation';
 import {
   Shield, Search, Filter, Check, X, Clock, User, Phone, MapPin, FileText,
   Eye, Download, Send, MessageSquare, AlertCircle, DollarSign, Bike,
@@ -324,6 +325,7 @@ const sourceIcons: Record<string, any> = {
 };
 
 export default function RequestsPage() {
+  const router = useRouter();
   const [activeTab, setActiveTab] = useState<'all' | 'biker' | 'investor' | 'swapstation' | 'merchant'>('all');
   const [requests, setRequests] = useState<Request[]>(mockRequests);
   const [searchQuery, setSearchQuery] = useState('');
@@ -676,7 +678,7 @@ export default function RequestsPage() {
                           </button>
                         )}
                         <button
-                          onClick={(e) => { e.preventDefault(); setSelectedRequest(request); setShowDetailsModal(true); }}
+                          onClick={(e) => { e.preventDefault(); router.push(`/admin/kyc/${request.id}`); }}
                           className="py-1.5 px-3 border border-slate-200 text-slate-600 text-xs font-semibold rounded-lg hover:bg-slate-50 flex items-center gap-1"
                         >
                           <Eye className="w-3 h-3" /> Details