\n {this.renderContent()}\n {this.renderModal()}\n
\n );\n }\n\n private renderContent() {\n const {\n coursesLoading,\n coursesFetched,\n courseGroupsHeader,\n organizationUnitId,\n viewState,\n studios\n } = this.state;\n const mobile = viewState === 'mobile';\n\n return (\n {course.name}
\n\n \n {course.startDate.toTimeString()} -{' '}\n {course.endDate.toTimeString()}\n \n
\n );\n }\n\n private renderProgress() {\n const { course } = this.props;\n\n return (\n \n \n
\n );\n }\n}\n","import { h, Component } from 'preact';\nimport { classnames } from '../../utils/classnames';\nimport { ColorType } from '../vars/color';\nimport colors from '../vars/color.css';\nimport { TextSize } from '../vars/text-size';\nimport sizes from '../vars/text-size.css';\nimport styles from './index.css';\n\ninterface TextProps {\n className?: string;\n color?: ColorType;\n size?: TextSize;\n bold?: boolean;\n ellipsis?: boolean;\n children?: preact.ComponentChildren;\n style?: any;\n}\n\nexport class Text extends Component\n \n {children}\n \n \n {i18n.__('commons.close')}\n \n \n
\n ) : null}\n \n {course.name}
\n {course.description ? (\n\n
\n);\n","import { h } from 'preact';\nimport styles from './index.css';\n\nexport const H1 = (props: { style?: any; children: any }) => (\n {props.month}
\n {props.day}
\n \n {props.children}\n
\n);\n","import { Component, h } from 'preact';\nimport { StudioExtendedDto } from '../api/dtos';\nimport { Layout } from '../components/layout';\nimport { Select } from '../components/select';\nimport { i18n } from '../i18n';\nimport styles from './filter.css';\n\ninterface CoursesFilterProps {\n style?: any;\n studios: StudioExtendedDto[];\n organizationUnitId?: number;\n onChangeStudio(id?: number): void;\n}\n\nexport class CoursesFilter extends Component\n \n \n {valueText}\n \n
\n );\n }\n\n private renderSelect() {\n const { options, placeholder, value } = this.props;\n\n return (\n \n {placeholder && (\n \n {placeholder} \n \n )}\n {options.map((option, i) => (\n \n {option.label} \n \n ))}\n
\n )}\n {this.renderSelect()}\n \n {this.renderPrevButton()}\n \n {dates.map(date => (\n \n \n {weekdayFormatter.format(date.toDate())}\n \n {dateFormatter.format(date.toDate())} \n \n ))}\n \n {this.renderNextButton()}\n
\n );\n }\n\n private getColumnClass(date: LocalDate) {\n const past = date.isBefore(this.props.now);\n const today = date.isSameDay(this.props.now);\n\n return classnames(\n styles.column,\n past && styles.past,\n today && styles.active\n );\n }\n\n private renderPrevButton() {\n const { dates, loading, now } = this.props;\n const hidden = dates.some(date => date.isBefore(now));\n const className = classnames(styles.buttonPrev, hidden && styles.hide);\n\n return (\n