What This Screen Does
This is where you see all the hourly wage rates set up in your system. Think of it as a directory of pay rates — each entry represents a specific hourly rate that can be assigned to employees for tracking payroll. From here you can view, search, sort, edit, and delete wage rates, or create new ones.
How to Get There
Open the dashboard.
In the left-hand menu, click Wage Rate.
You are now on the Wage Rate List screen.
Step-by-Step Guide
1. View the Wage Rate List
When the page loads, you will see a table showing all wage rates for your currently selected gym.
The table has the following columns:
Column | What It Shows |
Name | The name of the wage rate (e.g. “Standard Hourly”, “Weekend Rate”). The external ID is shown below the name in smaller text. |
Payroll System | Which payroll system this rate is linked to (e.g. Danloen, Bluegarden, or Generic). |
Hourly rate | The monetary amount paid per hour, displayed in the rate’s currency. |
Actions | A three-dot menu button for editing or deleting the rate. |
2. Filter by Tab
Above the table you will see a tab labelled All with a count of the total number of wage rates.
Click this tab to view all wage rates. Currently, “All” is the only available filter tab.
3. Search for a Wage Rate
Use the Search text field above the table to find a specific wage rate by name.
Start typing and the list will update as you type.
4. Sort the Table
Click on any column header (Name, Payroll System, or Hourly rate) to sort the table by that column.
Click the same header again to toggle between ascending and descending order.
By default, the table is sorted by Hourly rate in descending order (highest rate first).
5. Use the Toolbar Menu
Click the three-dot icon (⋮) next to the search field to open a menu with additional options:
Print — Print the current list.
Import — Import wage rates.
Export — Export wage rates.
6. Change Pagination Settings
At the bottom of the table you will find pagination controls.
You can change how many rows are shown per page.
Use the arrow buttons to navigate between pages.
Toggle the Dense switch to make the table rows more compact.
7. Create a New Wage Rate
Click the New wage rate button in the top-right corner of the page.
You will be taken to the wage rate creation screen.
8. Edit a Wage Rate
Find the wage rate you want to edit in the table.
Click the three-dot icon (⋮) on the right side of that row.
Select Edit from the dropdown menu.
You will be taken to the edit screen for that wage rate.
9. Delete a Wage Rate
Find the wage rate you want to delete in the table.
Click the three-dot icon (⋮) on the right side of that row.
Select Delete from the dropdown menu.
A confirmation dialog will appear asking: “Are you sure want to delete?”
Click Delete to confirm, or close the dialog to cancel.
Once deleted, the table will refresh automatically.
10. Bulk Actions (Selection)
If rows are selected, a toolbar appears above the table with a Delete icon button.
Click it to open a confirmation dialog for deleting the selected items.
What Happens Behind the Scenes
When the page loads:
Page opens
|
v
Read current gym from global state
|
v
API call: GET /api/wage-rates (with page, pageSize, sortBy, direction)
|
v
Server returns list of wage rates + total count in headers
|
v
Table displays the wage rates
When you delete a wage rate:
You click "Delete" on a row
|
v
Confirmation dialog appears
|
v
You click "Delete" to confirm
|
v
API call: WageRatesService.deleteWageRate({ id })
|
v
Server deletes the wage rate
|
v
API call: GET /api/wage-rates (refresh the list)
|
v
Table updates with the wage rate removed
Troubleshooting
“I do not see any wage rates in the table”
Make sure you have created at least one wage rate. If the system is new, the list will be empty.
Check that you have the correct gym/location selected in the dashboard. Wage rates are loaded for the currently selected gym.
Try refreshing the page. If the problem persists, check your internet connection.
“The search is not returning any results”
The search field filters wage rates by name. Make sure you are spelling the name correctly.
Clear the search field to see all wage rates again.
If you recently created a wage rate, try refreshing the page first.
“I cannot find the New wage rate button”
The New wage rate button is in the top-right corner of the page, next to the breadcrumbs.
If you do not see it, your role may not have permission to create wage rates. Contact your administrator.
“I accidentally deleted a wage rate”
Deleted wage rates cannot be recovered from this screen. You will need to create the wage rate again with the same settings.
If the wage rate was assigned to employees, those assignments will also be removed. Re-assign the new wage rate to the affected employees.
“The table is loading but nothing appears”
This could be a network issue. Check your internet connection and try refreshing the page.
If the issue persists, the wage rates API may be temporarily unavailable. Wait a moment and try again, or contact support.
“I clicked Delete but the wage rate is still there”
The delete operation requires a successful API call. If your connection dropped during the request, the deletion may not have completed.
Refresh the page to see the current state. If the wage rate is still listed, try deleting it again.
“The sorting does not seem to work correctly”
Make sure you are clicking directly on the column header text. Clicking elsewhere in the header area may not trigger the sort.
The default sort is by Hourly rate descending. Click the column header once for ascending, and again for descending.
“I switched gyms but the wage rates did not update”
The list automatically refreshes when you change the selected gym. If it does not, try refreshing the page manually.
Some wage rates may only exist for specific gyms. An empty list after switching gyms means no rates have been set up for that location yet.