Overview Page
The Overview Page (/host) is the first page landlords see after successfully completing onboarding. It provides a real-time operational snapshot of their properties, divided into two key sections:
Events — to track daily and upcoming activities for all listings.
Services — to explore and activate Hububb’s property management services.
Events Section
The Events section helps landlords stay on top of important activities such as guest check-ins, cleanings, maintenance, and booking updates.
Events are displayed using two tabs:
Shows all events occurring on the current day (e.g., guest arrivals, departures, scheduled cleaning).
Shows events scheduled for future dates, helping landlords plan ahead.
Behind the scenes, the app fetches event data through:
GET /landlords/:id/events/today
GET /landlords/:id/events/upcomingThe raw data is then transformed into UI-friendly objects via the transformEvent() function.
Event Types
The following event types are supported. Each type is rendered as a distinct Event Card with specific visuals, icons, and actions to help landlords take the right action quickly.
Booking Events
Booking Confirmed
A guest confirmed a new booking.
Shows guest name, property, stay dates, and a “View Booking” button.
Booking Cancelled
A confirmed booking was cancelled.
Alert styling with strikethrough dates and a “Review” button.
Guest Activities
Guest Check-In Expected
A guest is expected to arrive today.
Shows arrival time and “View Booking” button.
Guest Checked In
Guest successfully checked in.
Displays stay dates.
Guest Check-Out Expected
Guest is expected to depart today.
Shows departure time.
Guest Checked Out
Guest has checked out.
Displays stay dates for reference.
Cleaning Events
Cleaning tasks are automatically created based on booking schedules and operational workflows.
Cleaning Scheduled
A cleaning task has been scheduled.
Shows cleaner name and scheduled time.
Cleaning In Progress
Cleaning has started.
Live status indicator.
Cleaning Completed
Task has been completed.
Displays completion time.
Cleaning Delayed
Task overdue.
Alert state with “X late” badge.
Maintenance Events
Similar to cleaning, these events are triggered by scheduled or ongoing maintenance work.
Maintenance Scheduled
A maintenance task has been scheduled.
Shows assigned worker and scheduled time.
Maintenance In Progress
Work has started.
Displays worker details and real-time status.
Maintenance Completed
Task finished.
Displays completion time.
Maintenance Delayed
Task overdue.
Alert state with delay badge.
Channel Connection Events
These events keep landlords informed about OTA (e.g., Airbnb, Booking.com, Hububb) connection statuses.
Channel Request Pending
A property is being published to an OTA.
Pulsing effect, shows OTA name, “View Property” action.
Channel Request Completed
Property is live on OTA.
Static card indicating successful connection.
How Events Work
Date/Time Formatting: All timestamps are processed using
date-fnsfor localized display.Worker Details: If a cleaner or maintenance worker is assigned, their name and photo are shown. Otherwise, the card defaults to “No cleaner assigned” or “No maintenance assigned”.
Actions: Most events include context-specific buttons (e.g., View Booking, View Property) to help landlords navigate directly to the relevant page.
Images: Each event card displays the property’s main image, with a placeholder as fallback.
Services Section
Below the Events section, the Services panel introduces landlords to Hububb’s range of optional services that can help improve their property’s visibility, performance, or operational efficiency.
This section lists all Hububb service offerings, such as cleaning, maintenance, 24/7 guest service, professional photography, or other value-added services.
The goal of this section is to give landlords direct access to Hububb’s ecosystem of services without needing to leave their dashboard. (The list and interactions here are managed by the ServicesSection component.)
Summary
The Overview Page acts as the landlord’s operational dashboard, combining real-time events and service management in one place.
Events keep landlords informed and allow them to act on bookings, turnovers, and maintenance without navigating away.
Services give quick access to additional Hububb offerings to improve property performance.
This page is intentionally designed to be the daily control center for landlords managing one or multiple listings.
![[Desktop 16.png]]