+
setOpen(false)}
+ aria-hidden
+ />
+
+
+
+
+
All Registered Users via Your Referral
+
Search, filter, paginate, or export the full list.
+
+
+
+
+
+
+
+ {/* Controls */}
+
+ { setQuery(e.target.value); setPage(1) }}
+ placeholder="Search name or email…" // CHANGED
+ className="md:col-span-2 w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent text-gray-900 placeholder:text-gray-700 placeholder:opacity-100"
+ />
+
+
+
+
+ {/* Table */}
+
+
+
+
+ | User |
+ Email |
+ Type |
+ Registered |
+ {/* REMOVED: Ref Code column */}
+ Status |
+
+
+
+ {pageRows.length === 0 ? (
+
+ |
+ No users match your filters.
+ |
+
+ ) : (
+ pageRows.map(u => {
+ const date = new Date(u.registeredAt).toLocaleString()
+ return (
+
+ | {u.name} |
+ {u.email} |
+
+
+ {u.userType === 'company' ? 'Company' : 'Personal'}
+
+ |
+ {date} |
+ {/* REMOVED: Ref Code cell */}
+
+
+ {u.status.charAt(0).toUpperCase() + u.status.slice(1)}
+
+ |
+
+ )
+ })
+ )}
+
+
+
+
+ {/* Pagination */}
+
+
+ Showing {pageRows.length} of {filtered.length} users
+
+
+
+
+ Page {page} of {totalPages}
+
+
+
+
+
+
+
+ )}
+
+ )
+}
diff --git a/src/app/referral-management/hooks/registeredUsers.ts b/src/app/referral-management/hooks/registeredUsers.ts
new file mode 100644
index 0000000..92b8a45
--- /dev/null
+++ b/src/app/referral-management/hooks/registeredUsers.ts
@@ -0,0 +1,120 @@
+'use client'
+
+import { useCallback, useEffect, useRef, useState } from 'react'
+import useAuthStore from '../../store/authStore'
+
+export type ReferredUserType = 'personal' | 'company'
+export type ReferredUserStatus = 'active' | 'inactive' | null
+
+export interface ReferredUser {
+ id: string | number
+ name: string
+ email: string
+ type: ReferredUserType
+ registeredAt: string | null
+ status: ReferredUserStatus
+}
+
+interface ApiResponseShape {
+ success?: boolean
+ total_referred_users?: number
+ users?: any[]
+ [key: string]: any
+}
+
+export function useRegisteredUsers() {
+ const accessToken = useAuthStore(s => s.accessToken)
+
+ const [loading, setLoading] = useState(false)
+ const [error, setError] = useState
('')
+ const [total, setTotal] = useState(0)
+ const [users, setUsers] = useState([])
+
+ const inFlight = useRef(null)
+
+ const normalize = (raw: any): ReferredUser => ({
+ id: raw?.id ?? raw?._id ?? raw?.userId ?? '',
+ name: raw?.name ?? raw?.fullName ?? raw?.companyName ?? raw?.email ?? '',
+ email: raw?.email ?? '',
+ type: (raw?.type === 'company' ? 'company' : 'personal') as ReferredUserType,
+ registeredAt: typeof raw?.registeredAt === 'string' ? raw.registeredAt : (raw?.createdAt || null),
+ status: (raw?.status === 'active' || raw?.status === 'inactive') ? raw.status : null
+ })
+
+ const fetchRegisteredUsers = useCallback(async () => {
+ setError('')
+ if (!accessToken) {
+ console.warn('useRegisteredUsers: no access token available')
+ setError('Not authenticated')
+ return
+ }
+
+ // Abort any in-flight request
+ inFlight.current?.abort()
+ const controller = new AbortController()
+ inFlight.current = controller
+
+ const base = process.env.NEXT_PUBLIC_API_BASE_URL || ''
+ const url = `${base}/api/referral/referred-users`
+ console.log('🌐 GET referred-users:', url)
+
+ setLoading(true)
+ try {
+ const res = await fetch(url, {
+ method: 'GET',
+ credentials: 'include',
+ headers: {
+ 'Authorization': `Bearer ${accessToken}`,
+ 'Content-Type': 'application/json',
+ },
+ signal: controller.signal,
+ })
+
+ const body: ApiResponseShape = await res.json().catch(() => ({}))
+ console.log('📡 referred-users status:', res.status)
+ console.log('📦 referred-users body:', body)
+
+ if (!res.ok) {
+ const msg = (body as any)?.message || `Failed to load referred users (${res.status})`
+ setError(msg)
+ setUsers([])
+ setTotal(0)
+ return
+ }
+
+ const list = Array.isArray(body.users) ? body.users : []
+ setUsers(list.map(normalize))
+ setTotal(typeof body.total_referred_users === 'number' ? body.total_referred_users : list.length)
+ } catch (e: any) {
+ if (e?.name === 'AbortError') {
+ console.log('⏹️ referred-users request aborted')
+ return
+ }
+ console.error('❌ referred-users fetch error:', e)
+ setError('Network error')
+ setUsers([])
+ setTotal(0)
+ } finally {
+ setLoading(false)
+ if (inFlight.current === controller) inFlight.current = null
+ }
+ }, [accessToken])
+
+ // Auto-load when token becomes available
+ useEffect(() => {
+ if (accessToken) {
+ fetchRegisteredUsers()
+ }
+ return () => {
+ inFlight.current?.abort()
+ }
+ }, [accessToken, fetchRegisteredUsers])
+
+ return {
+ loading,
+ error,
+ total,
+ users,
+ reload: fetchRegisteredUsers,
+ }
+}
diff --git a/src/app/referral-management/page.tsx b/src/app/referral-management/page.tsx
index f11087b..6b55929 100644
--- a/src/app/referral-management/page.tsx
+++ b/src/app/referral-management/page.tsx
@@ -8,8 +8,10 @@ import DeactivateReferralLinkModal from './components/deactivateReferralLinkModa
import ReferralStatisticWidget from './components/referralStatisticWidget'
import GenerateReferralLinkWidget from './components/generateReferralLinkWidget'
import ReferralLinksListWidget from './components/referralLinksListWidget'
+import RegisteredUserList from './components/registeredUserList'
import { useRouter } from 'next/navigation'
import useAuthStore from '../store/authStore'
+import { useRegisteredUsers } from './hooks/registeredUsers'
export default function ReferralManagementPage() {
const router = useRouter()
@@ -204,12 +206,23 @@ export default function ReferralManagementPage() {
}
}
+ // NEW: fetch referred users via hook (auto fetch on token)
+ const {
+ users: referredUsers,
+ total: referredTotal,
+ loading: usersLoading,
+ error: usersError,
+ reload: reloadReferredUsers,
+ } = useRegisteredUsers()
+
// Load data only when permission is granted
useEffect(() => {
if (isPermChecked && hasReferralPerm) {
loadData()
+ // Ensure referred users are refreshed when arriving at this page
+ reloadReferredUsers()
}
- }, [isPermChecked, hasReferralPerm])
+ }, [isPermChecked, hasReferralPerm]) // eslint-disable-line react-hooks/exhaustive-deps
// Gate rendering until auth + permission resolved
if (!isAuthReady || !user || !isPermChecked || !hasReferralPerm) {
@@ -238,7 +251,13 @@ export default function ReferralManagementPage() {