guard-visitors

Summary

The guard's working list: search, filter by state, and act on each visitor in place.

Raw wireframe

• .context/designs/mobile/visitors/guard-visitors.html

Why it is drawn this way

The action is on the card. Approve / Reject for pending, Check In for approved, Check Out for inside — no detail screen in between, and each result is an alert.

All four states are designed: a skeleton that mirrors the layout, an ErrorState with Retry, and an empty list.

"Add Visitor" opens the resident's form, not the guard's New Entry tab.

Related

• visitor-request
• status-colours
• create-visitor
• guard-add-visitor
• alerts

Sources

• .context/designs/mobile/visitors/guard-visitors.html
• apps/mobile/src/app/(roles)/guard/(tabs)/visitors.tsx
• apps/mobile/src/components/visitor/VisitorList.tsx