Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 25 additions & 7 deletions src/components/pages/dashboard/AdminDashboard.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,18 @@ import {
ArrowRight,
Bell,
} from "lucide-react"
import { usersAPI, projectsAPI, orgsAPI, accessRequestsAPI } from "@/services/api"
import type { UserListResponse, AccessRequestResponse } from "@/types"
import {
usersAPI,
projectsAPI,
orgsAPI,
accessRequestsAPI,
changeRequestsAPI,
} from "@/services/api"
import type {
UserListResponse,
AccessRequestResponse,
ChangeRequestResponse,
} from "@/types"
import { Badge } from "@/components/ui/badge"
import { StatCard } from "@/components/common/StatCard"
import { InfoTooltip } from "@/components/common/InfoTooltip"
Expand All @@ -22,6 +32,7 @@ interface AdminData {
projectsWithLocation: number
orgCount: number
pendingRequests: AccessRequestResponse[]
pendingChangeRequests: ChangeRequestResponse[]
}

export function AdminDashboard() {
Expand All @@ -31,11 +42,16 @@ export function AdminDashboard() {
useEffect(() => {
async function fetchData() {
try {
const [usersRes, projectsRes, orgsRes, requestsRes] = await Promise.all([
const [usersRes, projectsRes, orgsRes, accessRes, changeRes] = await Promise.all([
usersAPI.list(),
projectsAPI.list(),
orgsAPI.list(),
accessRequestsAPI.list({ status: "pending" }),
accessRequestsAPI
.list({ status: "pending" })
.catch(() => ({ data: [] as AccessRequestResponse[] })),
changeRequestsAPI
.list({ status: "pending" })
.catch(() => ({ data: [] as ChangeRequestResponse[] })),
])
setData({
users: usersRes.data,
Expand All @@ -44,7 +60,8 @@ export function AdminDashboard() {
(p) => p.latitude != null && p.longitude != null,
).length,
orgCount: orgsRes.data.length,
pendingRequests: requestsRes.data,
pendingRequests: accessRes.data,
pendingChangeRequests: changeRes.data,
})
} catch {
// Stats are non-critical
Expand All @@ -59,6 +76,7 @@ export function AdminDashboard() {

const activeUsers = data.users.filter((u) => u.is_active).length
const userMap = new Map(data.users.map((u) => [u.id, u]))
const totalPending = data.pendingRequests.length + data.pendingChangeRequests.length

return (
<div className="space-y-8">
Expand Down Expand Up @@ -108,11 +126,11 @@ export function AdminDashboard() {
<StatCard
icon={Clock}
label="Pending Requests"
value={data.pendingRequests.length}
value={totalPending}
iconBg="bg-telha/10"
iconColor="text-telha"
accent="from-telha/5 to-transparent"
highlight={data.pendingRequests.length > 0}
highlight={totalPending > 0}
/>
</div>

Expand Down
Loading