updated with new api

src/components/SchedulerRow.tsx

@@ -190,11 +190,15 @@ export const SchedulerRow = ({ groups, indexRow, rowTop, cellWidth, cellHeight }
                       {groupsPerDay[group.day] < 3 ? (
                         <TextWrapper>
                           <div>{`${groups[index].time}-${groups[index].endTime}`}</div>
-                          <div>3/{groups[index].capacity}</div>
+                          <div>
+                            {groups[index].takenPlaces}/{groups[index].capacity}
+                          </div>
                         </TextWrapper>
                       ) : (
                         <TextWrapper style={{ flexDirection: 'column' }}>
-                          <div style={{ alignSelf: 'flex-end' }}>3/{groups[index].capacity}</div>
+                          <div style={{ alignSelf: 'flex-end' }}>
+                            {groups[index].takenPlaces}/{groups[index].capacity}
+                          </div>
                         </TextWrapper>
                       )}
                     </ClassWrap>

src/types/index.ts

@@ -19,6 +19,7 @@ export interface Group {
   room: string;
   type: GroupType;
   capacity?: number;
+  takenPlaces: number;
 }
 
 export interface Course {
@@ -50,5 +51,6 @@ export interface SchedulerEvent {
   room: string;
   type: GroupType;
   capacity?: number;
+  takenPlaces: number;
   name: string;
 }