shawon/JML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add hub filtering capability to KYC request list and update detail view with hub labels

Browse Source
This commit is contained in:
sazzadulalambd
2026-05-05 02:19:38 +06:00
parent c83aa690d0
commit fc3f6924b4
2 changed files with 24 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/admin/kyc/[id]/page.tsx
View File

@@ -1,6 +1,7 @@
'use client'; 'use client';
import { useState, useEffect } from 'react'; import { useState, useEffect } from 'react';
import Link from 'next/link';
import { useParams, useRouter } from 'next/navigation'; import { useParams, useRouter } from 'next/navigation';
import { import {
Shield, Check, Clock, Bike, User, Phone, Shield, Check, Clock, Bike, User, Phone,
@@ -130,6 +131,14 @@ const sourceLabels: Record<string, string> = {
referral: 'Referral', referral: 'Referral',
}; };
const hubLabels: Record<string, string> = {
hub1: 'Gulshan Hub',
hub2: 'Banani Hub',
hub3: 'Dhanmondi Hub',
hub4: 'Mirpur Hub',
hub5: 'Uttara Hub',
};
const planLabels: Record<string, string> = { const planLabels: Record<string, string> = {
daily_rent: 'Daily Rent', daily_rent: 'Daily Rent',
weekly_rent: 'Weekly Rent', weekly_rent: 'Weekly Rent',

16
src/app/admin/kyc/page.tsx
View File

@@ -327,6 +327,7 @@ export default function RequestsPage() {
const [requests, setRequests] = useState<Request[]>(mockRequests); const [requests, setRequests] = useState<Request[]>(mockRequests);
const [searchQuery, setSearchQuery] = useState(''); const [searchQuery, setSearchQuery] = useState('');
const [statusFilter, setStatusFilter] = useState('all'); const [statusFilter, setStatusFilter] = useState('all');
const [hubFilter, setHubFilter] = useState('all');
const [selectedRequest, setSelectedRequest] = useState<Request | null>(null); const [selectedRequest, setSelectedRequest] = useState<Request | null>(null);
const [showMessageModal, setShowMessageModal] = useState(false); const [showMessageModal, setShowMessageModal] = useState(false);
const [showDetailsModal, setShowDetailsModal] = useState(false); const [showDetailsModal, setShowDetailsModal] = useState(false);
@@ -382,7 +383,8 @@ export default function RequestsPage() {
req.email.toLowerCase().includes(searchQuery.toLowerCase()) || req.email.toLowerCase().includes(searchQuery.toLowerCase()) ||
req.id.toLowerCase().includes(searchQuery.toLowerCase()); req.id.toLowerCase().includes(searchQuery.toLowerCase());
const matchesStatus = statusFilter === 'all' || req.status === statusFilter; const matchesStatus = statusFilter === 'all' || req.status === statusFilter;
return matchesTab && matchesSearch && matchesStatus; const matchesHub = hubFilter === 'all' || req.sourceDetails?.toLowerCase().includes(hubFilter.toLowerCase());
return matchesTab && matchesSearch && matchesStatus && matchesHub;
}); });
const pending = requests.filter(r => r.status === 'pending' || r.status === 'documents_needed').length; const pending = requests.filter(r => r.status === 'pending' || r.status === 'documents_needed').length;
@@ -572,6 +574,18 @@ export default function RequestsPage() {
<option value="approved">Approved</option> <option value="approved">Approved</option>
<option value="rejected">Rejected</option> <option value="rejected">Rejected</option>
</select> </select>
<select
value={hubFilter}
onChange={(e) => setHubFilter(e.target.value)}
className="py-2 px-3 border border-slate-200 rounded-lg text-sm font-medium text-slate-600"
>
<option value="all">All Hubs</option>
<option value="Gulshan">Gulshan Hub</option>
<option value="Banani">Banani Hub</option>
<option value="Dhanmondi">Dhanmondi Hub</option>
<option value="Mirpur">Mirpur Hub</option>
<option value="Uttara">Uttara Hub</option>
</select>
</div> </div>
</div> </div>