What This Screen Does
This is where you view all the details about a specific class session. Think of it like opening a file folder for one particular class — you can see an overview with stats and messages, who signed up, what the workout program is, and which instructors are teaching. You can also send messages to participants, edit the class, or cancel it entirely.
How to Get There
Open the dashboard.
In the left-hand menu, click Class (or navigate to your class list).
Click on a specific class from the list.
You are now on the Class Details screen.
Step-by-Step Guide
1. Review the Class Cover
At the top of the page you will see a cover banner showing:
The gym logo (as an avatar on the left).
The class title in large text.
The subtitle underneath the title.
A background image from the class description, if one has been set.
This section is read-only — it gives you a quick visual identification of which class you are looking at.
2. Use the Action Buttons
In the top-right breadcrumb area you will find two icon buttons:
Button | Icon | What It Does |
Edit | Pen icon | Opens the class edit screen so you can change class details (time, instructors, capacity, etc.). |
Cancel class | Trash icon (red) | Permanently cancels this class session. This action cannot be undone. |
To edit: Click the pen icon. You will be taken to the edit screen for this class.
To cancel: Click the red trash icon. The class will be deleted, a “Class cancelled!” notification will appear, and you will be redirected back to the classes list.
3. Navigate Between Tabs
Below the cover banner you will see four tabs. Click any tab to switch the content shown below.
Tab | Icon | What It Shows |
Overview | Dashboard icon | Class stats (seats and participants), location info, and a message/feedback feed. |
Participants | Users icon | A grid of all participants who have signed up for this class. |
Program | Dumbbell icon | The workout program assigned to this class, including individual workouts and their descriptions. |
Instructors | Training icon | The instructors assigned to teach this class, shown as profile cards. |
4. Overview Tab
This is the default tab when you open the screen. It has three main sections:
Left Column — Stats and Location
Stats card: Shows two numbers side by side:
Seats — the total capacity of the class.
Participants — how many people have signed up.
Location card: Shows the gym name, followed by the full address. Click the address link if you need to copy or reference it.
Right Column — Send a Message
Use the Body text field to type a message that will be sent to all participants of this class.
Below the text field you will see two toggles:
Toggle | Default | What It Does |
Push notification | On | Sends the message as a push notification to participants’ devices. |
Off | Also sends the message as an email to participants. |
Click the Send button to deliver the message.
After sending, the message appears in the feed below.
Feed
Below the message form you will see a combined feed of messages and feedback (ratings left by participants).
Items are sorted by date, newest first.
Feedback entries include a star rating and comment. Messages show the sender’s name and profile image.
5. Participants Tab
Click the Participants tab.
You will see a grid of cards — one for each participant.
Each card shows:
Profile picture (avatar).
Name of the participant.
Email address below the name.
6. Program Tab
Click the Program tab.
If a program has been assigned to this class, you will see:
The program name as a heading (or “Program” if no name is set).
A list of workout cards, each showing:
Title — the workout name.
Workout type abbreviation — a short code for the workout style (e.g., “AMRAP”, “EMOM”).
Description — rendered as formatted text (Markdown), containing the actual workout instructions.
If no program has been assigned, this section will be empty.
7. Instructors Tab
Click the Instructors tab.
You will see a grid of instructor cards, each showing:
A cover image (randomly selected from the gym’s image gallery).
The instructor’s profile picture (avatar).
The instructor’s name.
The instructor’s title (e.g., “Head Coach”, “Trainer”).
What Happens Behind the Scenes
You open the Class Details screen
|
v
The class ID is read from the URL (/classes/:id)
|
v
Three API calls fire in parallel:
1. getFeedback({ classId }) — loads participant feedback
2. getClass(classId) — loads the class details
3. getClassMessages(classId) — loads messages sent to participants
|
v
Data is stored in Redux and the screen renders
|
v
(If you click "Cancel class")
API call: ClassesService.deleteClass({ id })
|
v
Success notification: "Class cancelled!"
|
v
You are redirected to the classes list (/classes)
|
v
(If you send a message)
API call: ClassesService.sendMessage({ id, body: { subject, body, sendAsEmail, sendAsPushNotification } })
|
v
Success notification: "Message sent!"
|
v
Messages list reloads via getClassMessages(classId)
Troubleshooting
“The page is blank or shows no class information”
The class ID in the URL may be invalid or the class may have been deleted.
Try navigating back to the classes list and clicking the class again.
If the class was recently cancelled by someone else, it will no longer be available.
“I accidentally cancelled the class”
Cancelling a class is permanent — it calls a delete operation on the server.
You will need to create a new class with the same settings to replace it.
If participants were signed up, they may need to be notified separately since the cancellation may not send an automatic notification depending on your system settings.
“My message was sent but participants did not receive it”
Check which toggles were enabled when you sent the message. If Push notification was off and Email was also off, the message was saved but may not have been delivered through any channel.
Make sure participants have the mobile app installed and notifications enabled if you are relying on push notifications.
For email delivery, verify that your system’s email settings (no-reply address, mail provider) are correctly configured under Chain Settings.
“The program tab is empty”
This means no workout program has been assigned to this class yet.
Go to the class edit screen (click the pen icon) and assign a program, or create one from the Programs section first.
Programs must be linked to the class before they appear here.
“I do not see any instructors on the Instructors tab”
No instructors have been assigned to this class.
Edit the class (click the pen icon) and add one or more coaches/instructors.
Instructors are employees who were selected as coaches when the class was created or edited.
“The feedback section is empty even though the class already happened”
Feedback is optional — participants must choose to leave a rating after attending the class.
If no participants left feedback, this section will remain empty.
Check that the feedback feature is enabled in your Chain Settings (
isFeedbackAllowed).
“I see an error when trying to cancel the class”
You may not have permission to cancel classes. Check with your administrator that your role allows class deletion.
If the error persists, check your internet connection and try again.
Read the error message carefully — it usually explains the issue (e.g., server timeout, permission denied).
“The participant count does not match what I expect”
The Seats number shows the maximum capacity of the class.
The Participants number shows how many people are currently signed up (including those on the waiting list, depending on how the data is structured).
If someone recently signed up or opted out, refresh the page to get the latest count.
