Verifier Cabinet UI + Staking Interface

[LuminaEnvision]

Overview

This issue adds frontend functionality for the PoI Verifier Cabinet and staking dashboard for future community verifiers. It’s part of the broader PoI verification system.

---

🎯 Objectives

• Build internal Verifier Dashboard UI (admin access only)
• Enable PoI status review + manual approval/rejection
• Build staking page for DCU to unlock community verifier role
• Display verification statuses to end-users

---

🧩 Functional Requirements

1. Verifier Cabinet (Admin MVP)

• New route: /admin/verifications
• Table UI:
  • PoI ID
  • Image preview
  • UIC, user wallet
  • Timestamp, location
• Buttons: ✅ Approve, ❌ Reject, ↩️ Feedback
• Filter by status (Pending, Verified, Rejected)

2. DCU Staking UI

• New route: /stake/verifier
• Show current stake
• Stake / Unstake buttons
• Become a verifier info + eligibility

3. Campaign Pages

• Display PoI status under user’s submission
• “Awaiting Verification” / “Verified” / “Rejected”
• Feedback view if provided by verifier

---

📱 Integration Requirements

• API: GET /api/poi/:id/status
• API: PATCH /api/poi/:id/verify
• Web3 call: stakeDCU(), unstakeDCU(), isVerifier()

---

🔐 Dependencies

• backend: PoI admin APIs, verification DB
• contracts: Verifier staking smart contract

---

Related:

contracts issue 87: Link
backend issue 12: Link

[izumi0uu]

Hey, I think I can do it. I have some frontend development experience and some Web3 experience, but I’ll need a bit of time.

[LuminaEnvision]

@JamesVictor-O what do you think

[Henrichy]

🔧 Planned Approach

Verifier Cabinet (Admin MVP)

Implement /admin/verifications route.

Build table UI with PoI ID, image preview, UIC, wallet, timestamp & location.

Add Approve ✅, Reject ❌, and Feedback ↩️ buttons.

Include status filters (Pending, Verified, Rejected).

Integrate PATCH /api/poi/:id/verify for approvals/rejections.

DCU Staking UI

Add /stake/verifier route with stake/unstake functionality.

Integrate stakeDCU(), unstakeDCU(), and isVerifier() smart contract calls.

Display current stake + eligibility to become a verifier.

Campaign Pages

Display PoI verification status under submissions via GET /api/poi/:id/status.

Show feedback if provided by verifier.

✅ Deliverables

Internal admin dashboard for managing PoI verification.

DCU staking dashboard for verifier role.

Status + feedback display on campaign pages.

Fully integrated with backend APIs and verifier staking contract.

I’ll follow the project’s UI/UX patterns, modular code structure, and Web3 integration standards.
Please assign this issue to me 🙏