The Dashboard is the main hub of Reserving. It shows your upcoming reservations, favorite organizations, voucher balances, and recent activity. From here you can quickly navigate to create a reservation, explore organizations, or manage your profile.

Prerequisites

• You must have a Reserving account and be logged in.
• Your account must be associated with at least one organization to see organization-specific sections.
• For admin features (e.g., cash payments), you need admin privileges for the selected organization.
• A stable internet connection is required to load data from the server.
• Notifications must be enabled in your device settings to receive real-time updates.

Steps

Progress: 0 of 11 steps

1

Tap the 'Home' tab at the bottom navigation bar.

Result:

The Dashboard page loads, displaying your personalized overview.

Notes:

The Home tab is the default tab when you open the app.

2

Tap the 'A' button (top-right corner).

Result:

Performs a user action (likely opens a quick action menu or toggles admin mode).

Notes:

The exact behavior depends on your user role and organization settings.

3

Tap 'View All' next to 'Upcoming Reservations'.

Result:

Navigates to the full list of your upcoming reservations.

Notes:

If you have no reservations, you'll see a message 'You have no upcoming reservations.'

4

Tap 'View all' next to 'Favorites'.

Result:

Opens the favorites list showing all your starred organizations.

Notes:

You can manage favorites from this view.

5

Tap 'Reserve' on any organization card (e.g., '北京 网球与板网球俱乐部').

Result:

Navigates to the reservation creation page for that organization.

Notes:

You must be a member of the organization to reserve.

6

Tap 'View all' next to 'Your Vouchers'.

Result:

Shows all your voucher packs and their remaining uses.

Notes:

Vouchers are prepaid packages for services.

7

Tap 'View all' next to 'Recent'.

Result:

Displays your recent reservation history.

Notes:

Recent activity helps you quickly rebook.

8

Tap the 'Calendar' tab at the bottom.

Result:

Navigates to the Calendar view showing your reservations in a timeline.

Notes:

Useful for seeing your schedule at a glance.

9

Tap the 'Explore' tab at the bottom.

Result:

Opens the Explore page to discover new organizations.

Notes:

You can search and filter organizations.

10

Tap the 'Profile' tab at the bottom.

Result:

Goes to your profile page where you can edit personal details and settings.

Notes:

Profile also shows your account information.

11

Pull down on the screen to refresh.

Result:

Triggers a data refresh using the IonRefresher component.

Notes:

This reloads your reservations, favorites, and vouchers from the server.

Interactive States

Main Dashboard View

The default view showing the organization selector, upcoming reservations count, favorites, vouchers, and recent activity.

• Tap 'A' button
• Tap 'View All' links
• Tap 'Reserve' buttons
• Tap bottom tabs

Empty State (No Upcoming Reservations)

When you have no upcoming reservations, a message 'You have no upcoming reservations.' is displayed along with a suggestion 'You don't have any reservations yet'.

• Tap 'View All' (still navigates to reservations list, which will be empty)
• Tap 'Reserve' on an organization to create a reservation

Tips

• Use the pull-to-refresh gesture to manually update data without waiting for automatic refresh.
• The dashboard uses a TTL (time-to-live) cache to avoid unnecessary API calls; data may be a few seconds old.
• If you are an admin, the dashboard loads organization settings (like allowCashPayments) to enable admin features.
• The 'A' button may provide quick access to admin actions like cash payments or resource management.
• Favoriting an organization makes it easier to reserve from the dashboard.

Warnings

• Do not rely on the dashboard for real-time availability; always confirm on the reservation page.
• If you switch organizations, the dashboard content will update to reflect the new organization's data.
• The 'A' button might perform destructive actions (e.g., cancel reservations) depending on configuration.

Troubleshooting

Solution

Pull down to refresh. If the issue persists, check that you are viewing the correct organization (use the organization selector).

Solution

Ensure you have admin privileges for the current organization. Contact your organization admin if needed.

Solution

Check your internet connection. The data may be cached; pull to refresh to force a reload.

Solution

Close and reopen the app. If the problem continues, clear the app cache or reinstall.

FAQ

What does the 'A' button do? The 'A' button is an interactive button that performs a user action, likely related to admin functions or quick actions. Its exact function depends on your role and organization settings.

How do I change the organization shown on the dashboard? Tap the organization name at the top (e.g., 'New York Tennis & Padel Club') to open the organization selector and choose another organization.

What is the 'Upcoming Reservations' section? It shows the number of reservations you have in the future. Tap 'View All' to see the full list.

How do I add a favorite organization? Navigate to the organization's page (e.g., via Explore) and tap the star icon to add it to favorites. Favorites appear on the dashboard.

What are 'Your Vouchers'? Vouchers are prepaid packages (e.g., '10-Pack') that you can use for reservations. The dashboard shows the remaining uses.

Related Content

• [profile]