Channels Page
Give landlords a single place to see which channels (Airbnb, Booking.com, Hububb, etc.) their properties are listed on and manage each channel’s connection.
Make it simple to:
See per-channel coverage (how many properties listed).
Jump into a specific channel to view connected properties.
Trigger maintenance actions (Airbnb Sync, Disconnect) when needed.
Channels List (Menu → Channels)
What the landlord sees
A grid of channel cards (Airbnb, Booking.com, Hububb, Vrbo, Expedia, Agoda).
Each card shows:
Channel logo and name.
How many properties you have listed on that channel.
A short list of property thumbnails/titles (up to 4); clicking a property opens its Property Details page.
A disabled “Add property” state if you have none on that channel yet.
Clicking a channel card (e.g., Airbnb) opens the Channel Details page.
![[OTA Listing Page.png]]
Behavior and logic
Counts and property lists are built from your current connected properties.
The list includes all supported channels, even if you don’t use some yet (they’ll show “No properties listed on this channel”).
Loading states use skeleton cards to avoid layout jumps.
Channel Details (example: Airbnb)
What the landlord sees
Channel header with logo and total properties connected.
One card per connected account (for Airbnb, accounts are grouped by “Account Name”):
Account name and number of listings.
Two actions:
Sync: pulls the latest state from Airbnb for that account.
Disconnect: safely removes the connection for that account.
A grid of property images connected under that account; clicking goes to the property’s Details page.
![[OTA Detail Page.png]]
Airbnb Sync
Use Sync when you changed something in Airbnb (e.g., added a new listing, reactivated a listing, paused a listing) and want Hububb to reflect those changes.
Sync runs in the background. You’ll get a confirmation toast and can continue working.
For a deep, step-by-step explanation of what Sync updates (new listings, reactivations, inactivation and notices, webhooks, reservations, mappings), see the dedicated “[[Airbnb Sync]]” document.
Disconnect Airbnb
Use Disconnect to remove an Airbnb account and all the related mappings from Hububb. After confirm:
The system removes the connection “pipes” between Hububb and Airbnb for this account so the channel stops sending/receiving updates.
The account’s listings under this channel are marked as disconnected in Hububb. Properties are set to inactive for Airbnb distribution; you’ll keep your property data in Hububb.
The system cancels the Airbnb subscription service entries tied to those properties so you don’t keep paying for a connection you no longer use.
You’ll see your properties remain in your portfolio, but they won’t be active on Airbnb through Hububb anymore.
You’ll receive success/error feedback, and the page refreshes to reflect updated status.
Confirmation dialogs
UX Notes, Validation, and State
Navigation:
Menu → Channels → pick channel → Channel Details
Clicking a property thumbnail goes to its Property Details page.
Refresh behavior:
Refresh keeps you on the same screen and re-fetches the latest channel and property information.
Feedback:
All long‑running actions (Sync, Disconnect) show clear confirmation/toast states and keep the app usable while work runs in the background.
Mobile:
Same content, stacked layout; property lists remain tappable.
FAQs