diff --git a/src/components/auth/AuthChecker.module.scss b/src/components/auth/AuthChecker.module.scss
index 8d58056..b943c6a 100644
--- a/src/components/auth/AuthChecker.module.scss
+++ b/src/components/auth/AuthChecker.module.scss
@@ -1,3 +1,3 @@
 .spinner {
     min-height: 100vh;
-}
\ No newline at end of file
+}
diff --git a/src/components/auth/login/LoginForm.tsx b/src/components/auth/login/LoginForm.tsx
index 284dfc1..7255302 100644
--- a/src/components/auth/login/LoginForm.tsx
+++ b/src/components/auth/login/LoginForm.tsx
@@ -23,9 +23,10 @@ interface ILoginFormState {
 }
 
 class LoginForm extends React.Component<LoginFormProps, ILoginFormState> {
-
     public static defaultProps: Partial<LoginFormProps> = {
-        loginSuccessfulCallback: () => { return; },
+        loginSuccessfulCallback: () => {
+            return;
+        },
     };
 
     constructor(props: LoginFormProps) {
@@ -58,23 +59,21 @@ class LoginForm extends React.Component<LoginFormProps, ILoginFormState> {
                                 prefix={<Icon type="user" />}
                                 placeholder="E-mail"
                                 disabled={this.state.isSubmitting}
-                            />,
+                            />
                         )}
                     </FormItem>
 
                     <FormItem>
                         {getFieldDecorator<ILoginDetails>("password", {
                             validateTrigger: this.state.formValidateTrigger,
-                            rules: [
-                                { required: true, message: "Wachtwoord mag niet leeg zijn" },
-                            ],
+                            rules: [{ required: true, message: "Wachtwoord mag niet leeg zijn" }],
                         })(
                             <Input
                                 type="password"
                                 prefix={<Icon type="lock" />}
                                 placeholder="Wachtwoord"
                                 disabled={this.state.isSubmitting}
-                            />,
+                            />
                         )}
                     </FormItem>
 
@@ -113,7 +112,8 @@ class LoginForm extends React.Component<LoginFormProps, ILoginFormState> {
             });
 
             const loginDetails: ILoginDetails = values;
-            Firebase.auth().signInWithEmailAndPassword(loginDetails.username, loginDetails.password)
+            Firebase.auth()
+                .signInWithEmailAndPassword(loginDetails.username, loginDetails.password)
                 .then(({ user }) => {
                     notification.success({
                         message: "Succesvol ingelogd!",
@@ -139,7 +139,9 @@ class LoginForm extends React.Component<LoginFormProps, ILoginFormState> {
                             });
                             break;
                         default:
-                            notification.error({ message: "Er ging iets fout bij het inloggen, probeer later opnieuw" });
+                            notification.error({
+                                message: "Er ging iets fout bij het inloggen, probeer later opnieuw",
+                            });
                     }
                     this.setState({
                         isSubmitting: false,
diff --git a/src/components/auth/login/LoginPage.module.scss b/src/components/auth/login/LoginPage.module.scss
index 9130d40..ed92a1a 100644
--- a/src/components/auth/login/LoginPage.module.scss
+++ b/src/components/auth/login/LoginPage.module.scss
@@ -7,7 +7,8 @@
     height: auto;
 }
 
-.layout, .row {
+.layout,
+.row {
     min-height: 100vh;
     max-width: 100vw;
 }
diff --git a/src/components/auth/login/LoginPage.tsx b/src/components/auth/login/LoginPage.tsx
index 819371a..166b79e 100644
--- a/src/components/auth/login/LoginPage.tsx
+++ b/src/components/auth/login/LoginPage.tsx
@@ -11,7 +11,6 @@ import styles from "./LoginPage.module.scss";
 type LoginPageProps = AnyRouteComponentProps;
 
 class LoginPage extends React.Component<LoginPageProps> {
-
     constructor(props: LoginPageProps) {
         super(props);
 
diff --git a/src/components/containers/AppContainer.module.scss b/src/components/containers/AppContainer.module.scss
index af0a770..a9e9955 100644
--- a/src/components/containers/AppContainer.module.scss
+++ b/src/components/containers/AppContainer.module.scss
@@ -61,10 +61,13 @@
     }
 
     &LogoutButton {
-        i, span {
+        i,
+        span {
             color: white;
         }
-        &:hover, &:active, &:focus {
+        &:hover,
+        &:active,
+        &:focus {
             border-color: white !important;
         }
     }
diff --git a/src/components/containers/AppContainer.tsx b/src/components/containers/AppContainer.tsx
index 33643c0..31ca48e 100644
--- a/src/components/containers/AppContainer.tsx
+++ b/src/components/containers/AppContainer.tsx
@@ -22,7 +22,6 @@ interface IMenuItem {
 }
 
 class AppContainer extends React.Component<AppContainerProps, IAppContainerState> {
-
     private menuItems: IMenuItem[] = [
         { route: routes.planningsRoute, iconType: "calendar" },
         { route: routes.studentsRoute, iconType: "team" },
@@ -62,12 +61,14 @@ class AppContainer extends React.Component<AppContainerProps, IAppContainerState
                         trigger={null}
                         collapsed={this.state.isSiderCollapsed}
                     >
-                        <div className={classNames(styles.siderContentWrapper, { [styles.siderContentWrapperCollapsed]: this.state.isSiderCollapsed })}>
+                        <div
+                            className={classNames(styles.siderContentWrapper, {
+                                [styles.siderContentWrapperCollapsed]: this.state.isSiderCollapsed,
+                            })}
+                        >
                             <div className={styles.logoContainer}>
                                 <img src={logo} alt="Logo" className={styles.logo} />
-                                {!this.state.isSiderCollapsed &&
-                                    <p className={styles.logoText}>Student Planner</p>
-                                }
+                                {!this.state.isSiderCollapsed && <p className={styles.logoText}>Student Planner</p>}
                             </div>
                             <Menu
                                 theme="dark"
@@ -76,7 +77,11 @@ class AppContainer extends React.Component<AppContainerProps, IAppContainerState
                             >
                                 {this.renderMenuItems()}
                             </Menu>
-                            <div className={classNames(styles.siderFooter, { [styles.siderFooterCollapsed]: this.state.isSiderCollapsed })}>
+                            <div
+                                className={classNames(styles.siderFooter, {
+                                    [styles.siderFooterCollapsed]: this.state.isSiderCollapsed,
+                                })}
+                            >
                                 <Tooltip title={this.getUserEmail()} placement="right">
                                     <p className={styles.siderFooterUsername}>{this.getUserEmail()}</p>
                                 </Tooltip>
@@ -92,27 +97,21 @@ class AppContainer extends React.Component<AppContainerProps, IAppContainerState
                             </div>
                         </div>
                     </Layout.Sider>
-                    <Layout
-                        className={styles.contentLayout}
-                    >
+                    <Layout className={styles.contentLayout}>
                         <Layout.Header className={styles.header}>
                             <Icon
                                 className={classNames("trigger", styles.triggerButton)}
                                 type={this.state.isSiderCollapsed ? "menu-unfold" : "menu-fold"}
                                 onClick={this.handleSiderCollapseToggle}
                             />
-                            <h1 className={styles.title}>
-                                {this.state.activeMenuItem.route.title}
-                            </h1>
+                            <h1 className={styles.title}>{this.state.activeMenuItem.route.title}</h1>
                         </Layout.Header>
                         <Layout.Content className={styles.content}>
-                            <div className={styles.innerContent}>
-                                {this.renderRoutes()}
-                            </div>
+                            <div className={styles.innerContent}>{this.renderRoutes()}</div>
                         </Layout.Content>
                     </Layout>
                 </Layout>
-            </React.Fragment >
+            </React.Fragment>
         );
     }
 
@@ -168,7 +167,8 @@ class AppContainer extends React.Component<AppContainerProps, IAppContainerState
     private handleLogout(event: React.FormEvent): void {
         event.preventDefault();
 
-        Firebase.auth().signOut()
+        Firebase.auth()
+            .signOut()
             .then(() => {
                 notification.success({
                     message: "Succesvol uitgelogd!",
diff --git a/src/components/departments/DepartmentsFormModal.tsx b/src/components/departments/DepartmentsFormModal.tsx
index 5594c0c..8ac1277 100644
--- a/src/components/departments/DepartmentsFormModal.tsx
+++ b/src/components/departments/DepartmentsFormModal.tsx
@@ -31,7 +31,6 @@ interface IDepartmentFormModalState {
 }
 
 class DepartmentFormModal extends React.Component<DepartmentFormModalProps, IDepartmentFormModalState> {
-
     private capacityKeysId = 0;
     private capacityPerEducationFieldName: keyof Department = "capacityPerEducation";
     private educationIdFieldName: keyof IDepartmentEducationCapacity = "educationId";
@@ -59,9 +58,11 @@ class DepartmentFormModal extends React.Component<DepartmentFormModalProps, IDep
 
     public componentDidUpdate(prevProps: DepartmentFormModalProps): void {
         // Populate the form if it is just opened and if a department to edit is passed.
-        if (this.props.departmentToEdit !== undefined
-            && this.props.isVisible === true
-            && prevProps.isVisible === false) {
+        if (
+            this.props.departmentToEdit !== undefined &&
+            this.props.isVisible === true &&
+            prevProps.isVisible === false
+        ) {
             const { departmentToEdit } = this.props;
             const idCount = (departmentToEdit.capacityPerEducation || []).length;
             this.capacityKeysId = idCount;
@@ -76,12 +77,18 @@ class DepartmentFormModal extends React.Component<DepartmentFormModalProps, IDep
             this.setState({ selectedColor: departmentToEdit.color });
             this.props.form.setFieldsValue(fields);
             capacityFieldIds.forEach((capacityFieldId) => {
-                this.props.form.getFieldDecorator(`${this.capacityPerEducationFieldName}[${capacityFieldId}].${this.educationIdFieldName}`, {
-                    initialValue: departmentToEdit.capacityPerEducation[capacityFieldId].educationId,
-                });
-                this.props.form.getFieldDecorator(`${this.capacityPerEducationFieldName}[${capacityFieldId}].${this.capacityFieldName}`, {
-                    initialValue: departmentToEdit.capacityPerEducation[capacityFieldId].capacity,
-                });
+                this.props.form.getFieldDecorator(
+                    `${this.capacityPerEducationFieldName}[${capacityFieldId}].${this.educationIdFieldName}`,
+                    {
+                        initialValue: departmentToEdit.capacityPerEducation[capacityFieldId].educationId,
+                    }
+                );
+                this.props.form.getFieldDecorator(
+                    `${this.capacityPerEducationFieldName}[${capacityFieldId}].${this.capacityFieldName}`,
+                    {
+                        initialValue: departmentToEdit.capacityPerEducation[capacityFieldId].capacity,
+                    }
+                );
             });
         }
     }
@@ -97,12 +104,13 @@ class DepartmentFormModal extends React.Component<DepartmentFormModalProps, IDep
                 <Row key={capacityFieldId} gutter={8} type="flex" justify="space-between" align="bottom">
                     <Col span={14}>
                         <FormItem label="Opleiding">
-                            {getFieldDecorator(`${this.capacityPerEducationFieldName}[${capacityFieldId}].${this.educationIdFieldName}`, {
-                                validateTrigger: this.state.formValidateTrigger,
-                                rules: [
-                                    { required: true, message: "Kies een opleiding" },
-                                ],
-                            })(
+                            {getFieldDecorator(
+                                `${this.capacityPerEducationFieldName}[${capacityFieldId}].${this.educationIdFieldName}`,
+                                {
+                                    validateTrigger: this.state.formValidateTrigger,
+                                    rules: [{ required: true, message: "Kies een opleiding" }],
+                                }
+                            )(
                                 <Select
                                     disabled={this.state.isSubmitting}
                                     loading={this.props.isEducationsLoading}
@@ -112,35 +120,31 @@ class DepartmentFormModal extends React.Component<DepartmentFormModalProps, IDep
                                     optionFilterProp="children"
                                 >
                                     {educationSelectOptions}
-                                </Select>,
+                                </Select>
                             )}
                         </FormItem>
                     </Col>
                     <Col span={7}>
                         <FormItem label="Capaciteit">
-                            {getFieldDecorator(`${this.capacityPerEducationFieldName}[${capacityFieldId}].${this.capacityFieldName}`, {
-                                validateTrigger: this.state.formValidateTrigger,
-                                rules: [
-                                    { required: true, message: "Vul een capaciteit in" },
-                                ],
-                            })(
+                            {getFieldDecorator(
+                                `${this.capacityPerEducationFieldName}[${capacityFieldId}].${this.capacityFieldName}`,
+                                {
+                                    validateTrigger: this.state.formValidateTrigger,
+                                    rules: [{ required: true, message: "Vul een capaciteit in" }],
+                                }
+                            )(
                                 <InputNumber
                                     className={styles.fullWidthInputField}
                                     disabled={this.state.isSubmitting}
                                     min={1}
-                                />,
+                                />
                             )}
                         </FormItem>
                     </Col>
                     <Col span={3}>
                         <FormItem>
                             <Tooltip title="Verwijderen">
-                                <Button
-                                    icon="delete"
-                                    type="danger"
-                                    ghost={true}
-                                    onClick={deleletCapacityFunc}
-                                />
+                                <Button icon="delete" type="danger" ghost={true} onClick={deleletCapacityFunc} />
                             </Tooltip>
                         </FormItem>
                     </Col>
@@ -165,33 +169,26 @@ class DepartmentFormModal extends React.Component<DepartmentFormModalProps, IDep
                         <FormItem label="Naam">
                             {getFieldDecorator<Department>("name", {
                                 validateTrigger: this.state.formValidateTrigger,
-                                rules: [
-                                    { required: true, message: "Naam mag niet leeg zijn" },
-                                ],
-                            })(
-                                <Input
-                                    autoFocus={true}
-                                    disabled={this.state.isSubmitting}
-                                />,
-                            )}
+                                rules: [{ required: true, message: "Naam mag niet leeg zijn" }],
+                            })(<Input autoFocus={true} disabled={this.state.isSubmitting} />)}
                         </FormItem>
                         <FormItem label="Kleur">
                             {getFieldDecorator<Department>("color", {
                                 validateTrigger: this.state.formValidateTrigger,
-                                rules: [
-                                    { required: true, message: "Kies een kleur" },
-                                ],
-                            })(
-                                <CirclePicker color={this.state.selectedColor} onChange={this.handleColorChange} />,
-                            )}
+                                rules: [{ required: true, message: "Kies een kleur" }],
+                            })(<CirclePicker color={this.state.selectedColor} onChange={this.handleColorChange} />)}
                         </FormItem>
 
                         <h4>Capaciteit per opleiding</h4>
                         <p>Max. aantal studenten per opleiding voor deze afdeling</p>
                         {capacitiesFormItems}
-                        <Button type="dashed" onClick={this.handleAddCapacityField} className={styles.fullWidthInputField}>
+                        <Button
+                            type="dashed"
+                            onClick={this.handleAddCapacityField}
+                            className={styles.fullWidthInputField}
+                        >
                             Voeg capaciteit toe
-                    </Button>
+                        </Button>
                     </Form>
                 </Modal>
             </div>
@@ -200,7 +197,9 @@ class DepartmentFormModal extends React.Component<DepartmentFormModalProps, IDep
 
     private renderEducationSelectOption(education: Education): React.ReactNode {
         return (
-            <Select.Option key={education.id} value={education.id}>{education.name}</Select.Option>
+            <Select.Option key={education.id} value={education.id}>
+                {education.name}
+            </Select.Option>
         );
     }
 
@@ -242,10 +241,11 @@ class DepartmentFormModal extends React.Component<DepartmentFormModalProps, IDep
                 const department = new Department(
                     values[nameof<Department>("name")],
                     color.hex === undefined ? color : color.hex,
-                    values[nameof<Department>("capacityPerEducation")],
+                    values[nameof<Department>("capacityPerEducation")]
                 );
 
-                this.props.submitDepartment(department)
+                this.props
+                    .submitDepartment(department)
                     .then(() => {
                         this.handleClose();
                     })
diff --git a/src/components/departments/DepartmentsPage.tsx b/src/components/departments/DepartmentsPage.tsx
index 1627bc4..e13027a 100644
--- a/src/components/departments/DepartmentsPage.tsx
+++ b/src/components/departments/DepartmentsPage.tsx
@@ -21,7 +21,6 @@ interface IDepartmentsPageState {
 }
 
 export default class DepartmentsPage extends React.Component<DepartmentsPageProps, IDepartmentsPageState> {
-
     private unsubscribeFromDepartments: () => void;
 
     constructor(props: DepartmentsPageProps) {
@@ -37,7 +36,9 @@ export default class DepartmentsPage extends React.Component<DepartmentsPageProp
             areEducationsFetching: true,
         };
 
-        this.unsubscribeFromDepartments = () => { return; };
+        this.unsubscribeFromDepartments = () => {
+            return;
+        };
 
         this.openAddDepartmentModal = this.openAddDepartmentModal.bind(this);
         this.closeAddDepartmentModal = this.closeAddDepartmentModal.bind(this);
@@ -55,13 +56,12 @@ export default class DepartmentsPage extends React.Component<DepartmentsPageProp
                 departments,
             });
         });
-        EducationsRepository.getEducationsByName()
-            .then((educations) => {
-                this.setState({
-                    areEducationsFetching: false,
-                    educations,
-                });
+        EducationsRepository.getEducationsByName().then((educations) => {
+            this.setState({
+                areEducationsFetching: false,
+                educations,
             });
+        });
     }
 
     public componentWillUnmount(): void {
diff --git a/src/components/departments/DepartmentsTable.tsx b/src/components/departments/DepartmentsTable.tsx
index bd9cc1f..dad5095 100644
--- a/src/components/departments/DepartmentsTable.tsx
+++ b/src/components/departments/DepartmentsTable.tsx
@@ -14,7 +14,6 @@ interface IDepartmentsTableProps {
 }
 
 class DepartmentsTable extends React.Component<IDepartmentsTableProps> {
-
     private columns: Array<ColumnProps<Department>> = [
         {
             title: "",
@@ -91,17 +90,8 @@ class DepartmentsTable extends React.Component<IDepartmentsTableProps> {
                     />
                 </Tooltip>
                 <Tooltip title="Verwijderen">
-                    <Popconfirm
-                        title="Weet u zeker dat u deze afdeling wilt verwijderen?"
-                        onConfirm={deleteFunc}
-                    >
-                        <Button
-                            size="small"
-                            icon="delete"
-                            type="danger"
-                            ghost={true}
-                            className={styles.actionButton}
-                        />
+                    <Popconfirm title="Weet u zeker dat u deze afdeling wilt verwijderen?" onConfirm={deleteFunc}>
+                        <Button size="small" icon="delete" type="danger" ghost={true} className={styles.actionButton} />
                     </Popconfirm>
                 </Tooltip>
             </React.Fragment>
diff --git a/src/components/educations/EducationsFormModal.tsx b/src/components/educations/EducationsFormModal.tsx
index 72b5577..6e54c28 100644
--- a/src/components/educations/EducationsFormModal.tsx
+++ b/src/components/educations/EducationsFormModal.tsx
@@ -23,7 +23,6 @@ interface IEducationFormModalState {
 }
 
 class EducationFormModal extends React.Component<EducationFormModalProps, IEducationFormModalState> {
-
     constructor(props: EducationFormModalProps) {
         super(props);
 
@@ -39,10 +38,7 @@ class EducationFormModal extends React.Component<EducationFormModalProps, IEduca
 
     public componentDidUpdate(prevProps: EducationFormModalProps): void {
         // Populate the form if it is just opened and if a education to edit is passed.
-        if (this.props.educationToEdit !== undefined
-            && this.props.isVisible === true
-            && prevProps.isVisible === false) {
-
+        if (this.props.educationToEdit !== undefined && this.props.isVisible && !prevProps.isVisible) {
             const educationFields: Partial<Education> = {
                 name: this.props.educationToEdit.name,
             };
@@ -69,15 +65,8 @@ class EducationFormModal extends React.Component<EducationFormModalProps, IEduca
                         <FormItem label="Naam">
                             {getFieldDecorator<Education>("name", {
                                 validateTrigger: this.state.formValidateTrigger,
-                                rules: [
-                                    { required: true, message: "Naam mag niet leeg zijn" },
-                                ],
-                            })(
-                                <Input
-                                    autoFocus={true}
-                                    disabled={this.state.isSubmitting}
-                                />,
-                            )}
+                                rules: [{ required: true, message: "Naam mag niet leeg zijn" }],
+                            })(<Input autoFocus={true} disabled={this.state.isSubmitting} />)}
                         </FormItem>
                     </Form>
                 </Modal>
@@ -108,11 +97,10 @@ class EducationFormModal extends React.Component<EducationFormModalProps, IEduca
                     isSubmitting: true,
                 });
 
-                const education = new Education(
-                    values[nameof<Education>("name")],
-                );
+                const education = new Education(values[nameof<Education>("name")]);
 
-                this.props.submitEducation(education)
+                this.props
+                    .submitEducation(education)
                     .then(() => {
                         this.handleClose();
                     })
@@ -126,5 +114,5 @@ class EducationFormModal extends React.Component<EducationFormModalProps, IEduca
     }
 }
 
-const WrappedEducationFormModal = Form.create<IEducationFormModalProps>()(EducationFormModal);
+const WrappedEducationFormModal = Form.create<EducationFormModalProps>()(EducationFormModal);
 export default WrappedEducationFormModal;
diff --git a/src/components/educations/EducationsPage.tsx b/src/components/educations/EducationsPage.tsx
index 2556f42..7e1d173 100644
--- a/src/components/educations/EducationsPage.tsx
+++ b/src/components/educations/EducationsPage.tsx
@@ -17,7 +17,6 @@ interface IEducationsPageState {
 }
 
 export default class EducationsPage extends React.Component<EducationsPageProps, IEducationsPageState> {
-
     private unsubscribeFromEducations: () => void;
 
     constructor(props: EducationsPageProps) {
@@ -31,7 +30,9 @@ export default class EducationsPage extends React.Component<EducationsPageProps,
             educationToEdit: undefined,
         };
 
-        this.unsubscribeFromEducations = () => { return; };
+        this.unsubscribeFromEducations = () => {
+            return;
+        };
 
         this.openAddEducationModal = this.openAddEducationModal.bind(this);
         this.closeAddEducationModal = this.closeAddEducationModal.bind(this);
diff --git a/src/components/educations/EducationsTable.tsx b/src/components/educations/EducationsTable.tsx
index 5795cec..f7d3642 100644
--- a/src/components/educations/EducationsTable.tsx
+++ b/src/components/educations/EducationsTable.tsx
@@ -14,7 +14,6 @@ interface IEducationsTableProps {
 }
 
 class EducationsTable extends React.Component<IEducationsTableProps> {
-
     private columns: Array<ColumnProps<Education>> = [
         {
             title: "Naam",
@@ -70,17 +69,8 @@ class EducationsTable extends React.Component<IEducationsTableProps> {
                     />
                 </Tooltip>
                 <Tooltip title="Verwijderen">
-                    <Popconfirm
-                        title="Weet u zeker dat u deze opleiding wilt verwijderen?"
-                        onConfirm={deleteFunc}
-                    >
-                        <Button
-                            size="small"
-                            icon="delete"
-                            type="danger"
-                            ghost={true}
-                            className={styles.actionButton}
-                        />
+                    <Popconfirm title="Weet u zeker dat u deze opleiding wilt verwijderen?" onConfirm={deleteFunc}>
+                        <Button size="small" icon="delete" type="danger" ghost={true} className={styles.actionButton} />
                     </Popconfirm>
                 </Tooltip>
             </React.Fragment>
diff --git a/src/components/planning/PlanningDetailsModal.tsx b/src/components/planning/PlanningDetailsModal.tsx
index 98d2402..396002a 100644
--- a/src/components/planning/PlanningDetailsModal.tsx
+++ b/src/components/planning/PlanningDetailsModal.tsx
@@ -20,11 +20,9 @@ interface IPlanningDetailsModalProps {
     handleDeleteInternship: (student: Student) => void;
 }
 
-interface IPlanningDetailsModalState {
-}
+interface IPlanningDetailsModalState {}
 
 class PlanningDetailsModal extends React.Component<IPlanningDetailsModalProps, IPlanningDetailsModalState> {
-
     constructor(props: IPlanningDetailsModalProps) {
         super(props);
 
@@ -70,17 +68,15 @@ class PlanningDetailsModal extends React.Component<IPlanningDetailsModalProps, I
 
     private renderDepartments(todaysStudents: Student[]): React.ReactNode {
         return this.props.departments.map((department) => {
-            const plannedStudentsForDepartment =
-                todaysStudents
-                    .filter((student) => {
-                        return student.internship !== undefined
-                            && student.internship.departmentId === department.id;
-                    })
-                    .sort((a: Student, b: Student) => {
-                        const educationA = this.getEducationById(a.educationId);
-                        const educationB = this.getEducationById(b.educationId);
-                        return sortByProp(educationA, educationB, "name");
-                    });
+            const plannedStudentsForDepartment = todaysStudents
+                .filter((student) => {
+                    return student.internship !== undefined && student.internship.departmentId === department.id;
+                })
+                .sort((a: Student, b: Student) => {
+                    const educationA = this.getEducationById(a.educationId);
+                    const educationB = this.getEducationById(b.educationId);
+                    return sortByProp(educationA, educationB, "name");
+                });
             return (
                 <Card key={department.id} bodyStyle={{ padding: 12 }} className={styles.departmentCard}>
                     <h2>
@@ -97,8 +93,7 @@ class PlanningDetailsModal extends React.Component<IPlanningDetailsModalProps, I
 
     private renderWithoutDepartment(todaysStudents: Student[]): React.ReactNode {
         const studentsWithoutDepartment = todaysStudents.filter((student) => {
-            return student.internship !== undefined
-                && student.internship.departmentId === undefined;
+            return student.internship !== undefined && student.internship.departmentId === undefined;
         });
         if (studentsWithoutDepartment.length === 0) {
             return null;
@@ -121,18 +116,22 @@ class PlanningDetailsModal extends React.Component<IPlanningDetailsModalProps, I
                     <Col span={24} sm={10} className={styles.studentCol}>
                         <span className={styles.studentName}>{student.fullName}</span>
                         &nbsp;
-                            {education !== undefined &&
-                            <span>({education.name})</span>
-                        }
+                        {education !== undefined && <span>({education.name})</span>}
                     </Col>
                     <Col span={24} sm={10} className={styles.studentCol}>
-                        {student.internship !== undefined &&
+                        {student.internship !== undefined && (
                             <React.Fragment>
-                                <span>{student.internship.startDate.format("DD/MM/YY")} - {student.internship.endDate.format("DD/MM/YY")}</span>
+                                <span>
+                                    {student.internship.startDate.format("DD/MM/YY")} -{" "}
+                                    {student.internship.endDate.format("DD/MM/YY")}
+                                </span>
                                 &nbsp;
-                                <span className={styles.internshipDays}>({student.internshipNumberOfDays} {singleOrPlural(student.internshipNumberOfDays, "dag", "dagen")})</span>
+                                <span className={styles.internshipDays}>
+                                    ({student.internshipNumberOfDays}{" "}
+                                    {singleOrPlural(student.internshipNumberOfDays, "dag", "dagen")})
+                                </span>
                             </React.Fragment>
-                        }
+                        )}
                     </Col>
                     <Col span={24} sm={4} className={styles.studentCol}>
                         <Tooltip title="Bewerken">
@@ -146,10 +145,7 @@ class PlanningDetailsModal extends React.Component<IPlanningDetailsModalProps, I
                             />
                         </Tooltip>
                         <Tooltip title="Verwijderen">
-                            <Popconfirm
-                                title="Weet u zeker dat u deze stage wilt verwijderen?"
-                                onConfirm={deleteFunc}
-                            >
+                            <Popconfirm title="Weet u zeker dat u deze stage wilt verwijderen?" onConfirm={deleteFunc}>
                                 <Button
                                     size="small"
                                     icon="delete"
diff --git a/src/components/planning/PlanningsFormModal.tsx b/src/components/planning/PlanningsFormModal.tsx
index 843b49c..9378967 100644
--- a/src/components/planning/PlanningsFormModal.tsx
+++ b/src/components/planning/PlanningsFormModal.tsx
@@ -4,7 +4,11 @@ import FormItem from "antd/lib/form/FormItem";
 import moment from "moment";
 import React from "react";
 import { isMomentDayAfterOrTheSameAsOtherDay } from "../../helpers/comparers";
-import { studentsPlannedFullyInRange, studentsPlannedInDay, studentsPlannedPartiallyInRange } from "../../helpers/filters";
+import {
+    studentsPlannedFullyInRange,
+    studentsPlannedInDay,
+    studentsPlannedPartiallyInRange,
+} from "../../helpers/filters";
 import { nameof } from "../../helpers/nameof";
 import { FormValidationTrigger } from "../../helpers/types";
 import { Department } from "../../models/Department";
@@ -36,7 +40,6 @@ interface IPlanningsFormModalState {
 }
 
 class PlanningsFormModal extends React.Component<PlanningsFormModalProps, IPlanningsFormModalState> {
-
     constructor(props: PlanningsFormModalProps) {
         super(props);
 
@@ -57,10 +60,7 @@ class PlanningsFormModal extends React.Component<PlanningsFormModalProps, IPlann
     }
 
     public componentDidUpdate(prevProps: PlanningsFormModalProps): void {
-        if (this.props.isVisible === true
-            && prevProps.isVisible === false
-            && this.props.studentToPlan !== undefined) {
-
+        if (this.props.isVisible === true && prevProps.isVisible === false && this.props.studentToPlan !== undefined) {
             const internship = this.props.studentToPlan.internship;
             if (internship === undefined) {
                 return;
@@ -103,16 +103,14 @@ class PlanningsFormModal extends React.Component<PlanningsFormModalProps, IPlann
                                 <FormItem label="Start datum">
                                     {getFieldDecorator<IStudentInternship>("startDate", {
                                         validateTrigger: this.state.formValidateTrigger,
-                                        rules: [
-                                            { required: true, message: "Start datum mag niet leeg zijn" },
-                                        ],
+                                        rules: [{ required: true, message: "Start datum mag niet leeg zijn" }],
                                     })(
                                         <DatePicker
                                             format="DD/MM/YYYY"
                                             allowClear={true}
                                             disabled={this.state.isSubmitting}
                                             onChange={this.handleStartDateChange}
-                                        />,
+                                        />
                                     )}
                                 </FormItem>
                             </Col>
@@ -125,7 +123,9 @@ class PlanningsFormModal extends React.Component<PlanningsFormModalProps, IPlann
                                             { required: true, message: "Eind datum mag niet leeg zijn" },
                                             {
                                                 validator: (_, endDate: moment.Moment | undefined, callback) => {
-                                                    const startDate = this.props.form.getFieldValue(nameof<IStudentInternship>("startDate"));
+                                                    const startDate = this.props.form.getFieldValue(
+                                                        nameof<IStudentInternship>("startDate")
+                                                    );
                                                     if (isMomentDayAfterOrTheSameAsOtherDay(endDate, startDate)) {
                                                         return callback();
                                                     }
@@ -140,29 +140,25 @@ class PlanningsFormModal extends React.Component<PlanningsFormModalProps, IPlann
                                             allowClear={true}
                                             disabled={this.state.isSubmitting}
                                             onChange={this.handleEndDateChange}
-                                        />,
+                                        />
                                     )}
                                 </FormItem>
                             </Col>
                             <Col span={4}>
-                                <p className={styles.amountOfDaysText}>{this.state.selectedStartDate !== null && this.state.selectedEndDate !== null &&
-                                    `${this.state.selectedEndDate.diff(this.state.selectedStartDate, "days") + 1} dag(en)` // +1 to include both start and end date.
-                                }</p>
+                                <p className={styles.amountOfDaysText}>
+                                    {this.state.selectedStartDate !== null &&
+                                        this.state.selectedEndDate !== null &&
+                                        `${this.state.selectedEndDate.diff(this.state.selectedStartDate, "days") +
+                                            1} dag(en)` // +1 to include both start and end date.
+                                    }
+                                </p>
                             </Col>
                         </Row>
                         <FormItem label="Stage uren">
                             {getFieldDecorator<IStudentInternship>("hours", {
                                 validateTrigger: this.state.formValidateTrigger,
-                                rules: [
-                                    { required: true, message: "Geef een aantal stage uren in" },
-                                ],
-                            })(
-                                <InputNumber
-                                    style={{ width: "100%" }}
-                                    disabled={this.state.isSubmitting}
-                                    min={0}
-                                />,
-                            )}
+                                rules: [{ required: true, message: "Geef een aantal stage uren in" }],
+                            })(<InputNumber style={{ width: "100%" }} disabled={this.state.isSubmitting} min={0} />)}
                         </FormItem>
                         <FormItem label="Afdeling">
                             {getFieldDecorator<IStudentInternship>("departmentId", {
@@ -189,7 +185,7 @@ class PlanningsFormModal extends React.Component<PlanningsFormModalProps, IPlann
                                     optionFilterProp="children"
                                 >
                                     {this.props.departments.map(this.renderDepartmentSelectOption)}
-                                </Select>,
+                                </Select>
                             )}
                         </FormItem>
                     </Form>
@@ -200,7 +196,9 @@ class PlanningsFormModal extends React.Component<PlanningsFormModalProps, IPlann
 
     private renderDepartmentSelectOption(department: Department): React.ReactNode {
         return (
-            <Select.Option key={department.id} value={department.id}>{department.name}</Select.Option>
+            <Select.Option key={department.id} value={department.id}>
+                {department.name}
+            </Select.Option>
         );
     }
 
@@ -251,8 +249,18 @@ class PlanningsFormModal extends React.Component<PlanningsFormModalProps, IPlann
                 });
                 StudentsRepository.getPlannedStudentsWithDepartment(department)
                     .then((studentsWithDepartment) => {
-                        const students = studentsPlannedFullyInRange(studentsWithDepartment, internship.startDate, internship.endDate)
-                            .concat(studentsPlannedPartiallyInRange(studentsWithDepartment, internship.startDate, internship.endDate))
+                        const students = studentsPlannedFullyInRange(
+                            studentsWithDepartment,
+                            internship.startDate,
+                            internship.endDate
+                        )
+                            .concat(
+                                studentsPlannedPartiallyInRange(
+                                    studentsWithDepartment,
+                                    internship.startDate,
+                                    internship.endDate
+                                )
+                            )
                             .filter((student) => {
                                 if (this.props.isEdit === false || this.props.studentToPlan === undefined) {
                                     return true;
@@ -260,15 +268,28 @@ class PlanningsFormModal extends React.Component<PlanningsFormModalProps, IPlann
                                 return student.id !== this.props.studentToPlan.id;
                             });
 
-                        const education = this.props.educations.find((edu) => this.props.studentToPlan !== undefined && edu.id === this.props.studentToPlan.educationId);
-                        const isCrossingTheCapacityLimits = education === undefined
-                            ? false
-                            : department.getCapacityForEducation(education) <= department.getUsedCapacityForEducation(students, education);
+                        const education = this.props.educations.find(
+                            (edu) =>
+                                this.props.studentToPlan !== undefined &&
+                                edu.id === this.props.studentToPlan.educationId
+                        );
+                        const isCrossingTheCapacityLimits =
+                            education === undefined
+                                ? false
+                                : department.getCapacityForEducation(education) <=
+                                  department.getUsedCapacityForEducation(students, education);
 
                         if (isCrossingTheCapacityLimits && education !== undefined) {
                             const intersectingDates: moment.Moment[] = [];
-                            for (const m = moment(internship.startDate); m.diff(internship.endDate, "days") <= 0; m.add(1, "day")) {
-                                if (department.getCapacityForEducation(education) <= department.getUsedCapacityForEducation(studentsPlannedInDay(students, m), education)) {
+                            for (
+                                const m = moment(internship.startDate);
+                                m.diff(internship.endDate, "days") <= 0;
+                                m.add(1, "day")
+                            ) {
+                                if (
+                                    department.getCapacityForEducation(education) <=
+                                    department.getUsedCapacityForEducation(studentsPlannedInDay(students, m), education)
+                                ) {
                                     intersectingDates.push(moment(m));
                                 }
                             }
@@ -276,11 +297,19 @@ class PlanningsFormModal extends React.Component<PlanningsFormModalProps, IPlann
                                 title: "Capaciteit overschreden",
                                 content: (
                                     <React.Fragment>
-                                        <p>Er is minstens één geselecteerde dag waar de capaciteit voor <b>{department.name}</b> (opleiding <b>{education.name}</b>) werd overschreden.</p>
+                                        <p>
+                                            Er is minstens één geselecteerde dag waar de capaciteit voor{" "}
+                                            <b>{department.name}</b> (opleiding <b>{education.name}</b>) werd
+                                            overschreden.
+                                        </p>
                                         <p>Bent u zeker dat u wilt verdergaan?</p>
                                         <ul>
                                             {intersectingDates.map((intersectingDate) => {
-                                                return <li key={intersectingDate.unix()}>{intersectingDate.format("DD MMMM YYYY")}</li>;
+                                                return (
+                                                    <li key={intersectingDate.unix()}>
+                                                        {intersectingDate.format("DD MMMM YYYY")}
+                                                    </li>
+                                                );
                                             })}
                                         </ul>
                                     </React.Fragment>
@@ -317,7 +346,8 @@ class PlanningsFormModal extends React.Component<PlanningsFormModalProps, IPlann
     }
 
     private async doSubmit(internship: IStudentInternship): Promise<void> {
-        return this.props.submitInternship(internship)
+        return this.props
+            .submitInternship(internship)
             .then(() => {
                 this.handleClose();
             })
diff --git a/src/components/planning/PlanningsPage.tsx b/src/components/planning/PlanningsPage.tsx
index fb3e1f4..0769b33 100644
--- a/src/components/planning/PlanningsPage.tsx
+++ b/src/components/planning/PlanningsPage.tsx
@@ -38,7 +38,6 @@ interface IPlanningsPageState {
 }
 
 class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageState> {
-
     private calendarRef: Calendar | null = null;
     private unsubscribeFromPlannedStudents: () => void;
 
@@ -127,7 +126,7 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
                             <Spin spinning={this.state.arePlannedStudentsLoading}>
                                 <Calendar
                                     mode="month"
-                                    ref={(ref) => this.calendarRef = ref}
+                                    ref={(ref) => (this.calendarRef = ref)}
                                     dateCellRender={this.renderDateCell}
                                     onSelect={this.handleDateCellSelect}
                                 />
@@ -155,9 +154,11 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
                     </Col>
                 </Row>
                 <PlanningsFormModal
-                    title={this.state.selectedStudentToPlan === undefined
-                        ? "Nieuwe stage toevoegen"
-                        : `Nieuwe stage toevoegen voor ${this.state.selectedStudentToPlan.fullName}`}
+                    title={
+                        this.state.selectedStudentToPlan === undefined
+                            ? "Nieuwe stage toevoegen"
+                            : `Nieuwe stage toevoegen voor ${this.state.selectedStudentToPlan.fullName}`
+                    }
                     okText="Voeg toe"
                     isVisible={this.state.isAddInternshipModalVisible}
                     submitInternship={this.addInternshipForStudent}
@@ -169,9 +170,11 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
                     educations={this.state.educations}
                 />
                 <PlanningsFormModal
-                    title={this.state.plannedStudentToEdit === undefined
-                        ? "Stage bewerken"
-                        : `Stage bewerken voor ${this.state.plannedStudentToEdit.fullName}`}
+                    title={
+                        this.state.plannedStudentToEdit === undefined
+                            ? "Stage bewerken"
+                            : `Stage bewerken voor ${this.state.plannedStudentToEdit.fullName}`
+                    }
                     okText="Bewerk"
                     isVisible={this.state.isEditInternshipModalVisible}
                     submitInternship={this.editInternshipForStudent}
@@ -197,31 +200,33 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
     }
 
     private renderStudentListHeader(): React.ReactNode {
-        return (
-            <h2>In te plannen studenten</h2>
-        );
+        return <h2>In te plannen studenten</h2>;
     }
 
     private renderStudentListItem(student: Student): React.ReactNode {
         const onListItemClickFn = () => this.handlePlanStudent(student);
         const onConfirmStudentClickFn = () => this.handleConfirmStudent(student);
         return (
-            <List.Item actions={[<a key={0} onClick={onListItemClickFn}>Inplannen</a>]}>
+            <List.Item
+                actions={[
+                    <a key={0} onClick={onListItemClickFn}>
+                        Inplannen
+                    </a>,
+                ]}
+            >
                 {student.fullName}
                 &nbsp;
-                {!student.isConfirmed &&
+                {!student.isConfirmed && (
                     <Popconfirm title="Deze student bevestigen?" onConfirm={onConfirmStudentClickFn}>
                         <Tag color="volcano">Niet bevestigd</Tag>
                     </Popconfirm>
-                }
+                )}
             </List.Item>
         );
     }
 
     private renderDepartmentsHeader(): React.ReactNode {
-        return (
-            <h2>Afdelingen</h2>
-        );
+        return <h2>Afdelingen</h2>;
     }
 
     private renderDepartmentsListItem(department: Department): React.ReactNode {
@@ -233,7 +238,9 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
                         <span>{department.name}</span>
                     </Col>
                     <Col>
-                        <span>(<b>{department.totalCapacity}</b> totale capaciteit)</span>
+                        <span>
+                            (<b>{department.totalCapacity}</b> totale capaciteit)
+                        </span>
                     </Col>
                 </Row>
             </Card>
@@ -250,9 +257,13 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
                     <Tag
                         color={department.color}
                         style={{ border: `2px solid ${department.color}` }}
-                        className={classNames(styles.notClickableTag, styles.calendarTag, { [styles.calendarTagOutline]: usedCapacity < totalCapacity })}
+                        className={classNames(styles.notClickableTag, styles.calendarTag, {
+                            [styles.calendarTagOutline]: usedCapacity < totalCapacity,
+                        })}
                     />
-                    <span className={styles.calendarTagText}>{usedCapacity} / {totalCapacity}</span>
+                    <span className={styles.calendarTagText}>
+                        {usedCapacity} / {totalCapacity}
+                    </span>
                 </div>
             );
         });
@@ -264,7 +275,12 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
                 mouseEnterDelay={0.5}
                 trigger={this.state.userIsTouching ? "contextMenu" : "hover"}
             >
-                <div className={styles.calendarCellContainer} onContextMenu={this.handleContextMenu} onTouchStart={this.handleTouchStart} onTouchEnd={this.handleTouchEnd}>
+                <div
+                    className={styles.calendarCellContainer}
+                    onContextMenu={this.handleContextMenu}
+                    onTouchStart={this.handleTouchStart}
+                    onTouchEnd={this.handleTouchEnd}
+                >
                     {departmentsRows}
                 </div>
             </Popover>
@@ -272,18 +288,19 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
     }
 
     private renderDepartmentPopoverContent(students: Student[]): React.ReactNode {
-        const departmentsRows = this.state.departments.map((department) => {
+        return this.state.departments.map((department) => {
             const totalCapacity = department.totalCapacity;
             const studentsWithDepartment = students.filter((student) => {
-                return student.internship !== undefined
-                    && student.internship.departmentId === department.id;
+                return student.internship !== undefined && student.internship.departmentId === department.id;
             });
             const usedCapacity = studentsWithDepartment.length;
             const departmentLine = (
                 <span className={styles.calendarPopoverSpanLine}>
                     <b>{department.name}</b>
                     &nbsp;
-                    <span>({usedCapacity}/{totalCapacity})</span>
+                    <span>
+                        ({usedCapacity}/{totalCapacity})
+                    </span>
                 </span>
             );
             const educationLines = this.state.educations.map((education) => {
@@ -307,7 +324,6 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
                 </div>
             );
         });
-        return departmentsRows;
     }
 
     private handleContextMenu(event: React.SyntheticEvent): void {
@@ -392,13 +408,12 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
     }
 
     private handleDeleteInternship(student: Student): void {
-        StudentsRepository.removeInternshipForStudent(student)
-            .then(() => {
-                this.loadNotPlannedStudents();
-                notification.success({
-                    message: "Stage succesvol verwijderd",
-                });
+        StudentsRepository.removeInternshipForStudent(student).then(() => {
+            this.loadNotPlannedStudents();
+            notification.success({
+                message: "Stage succesvol verwijderd",
             });
+        });
     }
 
     private openAddInternshipModal(student: Student): void {
@@ -530,10 +545,6 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
                 this.setState({ areEducationsLoading: false });
             });
     }
-
-    private getEducationById(educationId: string): Education | undefined {
-        return this.state.educations.find((education) => education.id === educationId);
-    }
 }
 
 export default PlanningsPage;
diff --git a/src/components/schools/SchoolInternshipSummaryModal.tsx b/src/components/schools/SchoolInternshipSummaryModal.tsx
index ec90271..3fd7ad7 100644
--- a/src/components/schools/SchoolInternshipSummaryModal.tsx
+++ b/src/components/schools/SchoolInternshipSummaryModal.tsx
@@ -29,8 +29,10 @@ interface ISchoolInternshipSummaryModalState {
     selectedEndDate: moment.Moment | undefined;
 }
 
-class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSummaryModalProps, ISchoolInternshipSummaryModalState> {
-
+class SchoolInternshipSummaryModal extends React.Component<
+    SchoolInternshipSummaryModalProps,
+    ISchoolInternshipSummaryModalState
+> {
     constructor(props: SchoolInternshipSummaryModalProps) {
         super(props);
 
@@ -61,34 +63,49 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
 
             // Remember the last searched date, to be able to quickly check the same period for multiple schools.
             if (this.state.selectedStartDate !== undefined && this.state.selectedEndDate) {
-                this.props.form.getFieldDecorator(nameof<ISchoolInternshipSummaryModalState>("selectedStartDate"), { initialValue: this.state.selectedStartDate });
-                this.props.form.getFieldDecorator(nameof<ISchoolInternshipSummaryModalState>("selectedEndDate"), { initialValue: this.state.selectedEndDate });
+                this.props.form.getFieldDecorator(nameof<ISchoolInternshipSummaryModalState>("selectedStartDate"), {
+                    initialValue: this.state.selectedStartDate,
+                });
+                this.props.form.getFieldDecorator(nameof<ISchoolInternshipSummaryModalState>("selectedEndDate"), {
+                    initialValue: this.state.selectedEndDate,
+                });
             }
 
             if (nextProps.selectedSchool !== undefined) {
                 this.setState({ areStudentsLoading: true });
-                StudentsRepository.getPlannedStudentsForSchool(nextProps.selectedSchool)
-                    .then((students) => {
-                        this.setState({
-                            studentsWithInternship: students,
-                            areStudentsLoading: false,
-                        });
+                StudentsRepository.getPlannedStudentsForSchool(nextProps.selectedSchool).then((students) => {
+                    this.setState({
+                        studentsWithInternship: students,
+                        areStudentsLoading: false,
                     });
+                });
             }
         }
     }
 
     public render(): React.ReactNode {
-        const studentsFullyInPeriod = studentsPlannedFullyInRange(this.state.studentsWithInternship, this.state.selectedStartDate, this.state.selectedEndDate);
-        const studentsPartiallyInPeriod = studentsPlannedPartiallyInRange(this.state.studentsWithInternship, this.state.selectedStartDate, this.state.selectedEndDate);
+        const studentsFullyInPeriod = studentsPlannedFullyInRange(
+            this.state.studentsWithInternship,
+            this.state.selectedStartDate,
+            this.state.selectedEndDate
+        );
+        const studentsPartiallyInPeriod = studentsPlannedPartiallyInRange(
+            this.state.studentsWithInternship,
+            this.state.selectedStartDate,
+            this.state.selectedEndDate
+        );
 
         const totalStudentsCount = studentsFullyInPeriod.length + studentsPartiallyInPeriod.length;
         const totalInternshipDaysCount = [...studentsFullyInPeriod, ...studentsPartiallyInPeriod]
-            .map((student) => student.getInternshipNumberOfDaysInRange(this.state.selectedStartDate, this.state.selectedEndDate))
+            .map((student) =>
+                student.getInternshipNumberOfDaysInRange(this.state.selectedStartDate, this.state.selectedEndDate)
+            )
             .reduce((sum, days) => sum + days, 0);
 
         const totalInternshipHoursCount = [...studentsFullyInPeriod, ...studentsPartiallyInPeriod]
-            .map((student) => student.getInternshipNumberOfHoursInRange(this.state.selectedStartDate, this.state.selectedEndDate))
+            .map((student) =>
+                student.getInternshipNumberOfHoursInRange(this.state.selectedStartDate, this.state.selectedEndDate)
+            )
             .reduce((sum, hours) => sum + hours, 0);
 
         const { getFieldDecorator } = this.props.form;
@@ -115,7 +132,7 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
                                             style={{ width: "100%" }}
                                             allowClear={true}
                                             onChange={this.handleStartDateChange}
-                                        />,
+                                        />
                                     )}
                                 </FormItem>
                             </Col>
@@ -126,13 +143,20 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
                                         rules: [
                                             {
                                                 validator: (_, endDate: moment.Moment | null, callback) => {
-                                                    const startDate = this.props.form.getFieldValue(nameof<ISchoolInternshipSummaryModalState>("selectedStartDate"));
-                                                    if (isMomentDayAfterOrTheSameAsOtherDay(endDate || undefined, startDate)) {
+                                                    const startDate = this.props.form.getFieldValue(
+                                                        nameof<ISchoolInternshipSummaryModalState>("selectedStartDate")
+                                                    );
+                                                    if (
+                                                        isMomentDayAfterOrTheSameAsOtherDay(
+                                                            endDate || undefined,
+                                                            startDate
+                                                        )
+                                                    ) {
                                                         return callback();
                                                     }
                                                     return callback(false);
                                                 },
-                                                message: "Deze datum mag niet eerder dan de \"van\" datum zijn",
+                                                message: 'Deze datum mag niet eerder dan de "van" datum zijn',
                                             },
                                         ],
                                     })(
@@ -141,35 +165,40 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
                                             style={{ width: "100%" }}
                                             allowClear={true}
                                             onChange={this.handleEndDateChange}
-                                        />,
+                                        />
                                     )}
                                 </FormItem>
                             </Col>
                         </Row>
                     </Form>
-                    {this.state.selectedStartDate !== undefined && this.state.selectedEndDate !== undefined && this.state.selectedEndDate.isSameOrAfter(this.state.selectedStartDate) &&
-                        <React.Fragment>
-                            <Card>
-                                <p>
-                                    <b>Totalen voor geselecteerde periode</b>:
-                                </p>
-                                <p>
-                                    <b>{totalStudentsCount}</b> {totalStudentsCount === 1 ? "student" : "studenten"},&nbsp;
-                                    <b>{totalInternshipDaysCount}</b> {totalInternshipDaysCount === 1 ? "stage dag" : "stage dagen"},&nbsp;
-                                    <b>{totalInternshipHoursCount}</b> {totalInternshipHoursCount === 1 ? "stage uur" : "stage uren "}
-                                    <Tooltip title={this.renderHoursInformationalTooltip()} mouseEnterDelay={0.5}>
-                                        <Icon type="question-circle" />
-                                    </Tooltip>
-                                </p>
-                            </Card>
-                            <br />
-                            <Card>
-                                {this.renderStudentsFullyInPeriod(studentsFullyInPeriod)}
+                    {this.state.selectedStartDate !== undefined &&
+                        this.state.selectedEndDate !== undefined &&
+                        this.state.selectedEndDate.isSameOrAfter(this.state.selectedStartDate) && (
+                            <React.Fragment>
+                                <Card>
+                                    <p>
+                                        <b>Totalen voor geselecteerde periode</b>:
+                                    </p>
+                                    <p>
+                                        <b>{totalStudentsCount}</b> {totalStudentsCount === 1 ? "student" : "studenten"}
+                                        ,&nbsp;
+                                        <b>{totalInternshipDaysCount}</b>{" "}
+                                        {totalInternshipDaysCount === 1 ? "stage dag" : "stage dagen"},&nbsp;
+                                        <b>{totalInternshipHoursCount}</b>{" "}
+                                        {totalInternshipHoursCount === 1 ? "stage uur" : "stage uren "}
+                                        <Tooltip title={this.renderHoursInformationalTooltip()} mouseEnterDelay={0.5}>
+                                            <Icon type="question-circle" />
+                                        </Tooltip>
+                                    </p>
+                                </Card>
                                 <br />
-                                {this.renderStudentsNotFullyInPeriod(studentsPartiallyInPeriod)}
-                            </Card>
-                        </React.Fragment>
-                    }
+                                <Card>
+                                    {this.renderStudentsFullyInPeriod(studentsFullyInPeriod)}
+                                    <br />
+                                    {this.renderStudentsNotFullyInPeriod(studentsPartiallyInPeriod)}
+                                </Card>
+                            </React.Fragment>
+                        )}
                 </Spin>
             </Modal>
         );
@@ -202,8 +231,14 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
     }
 
     private renderStudentFullyInPeriod(student: Student): React.ReactNode {
-        const internshipDays = student.getInternshipNumberOfDaysInRange(this.state.selectedStartDate, this.state.selectedEndDate);
-        const internshipHours = student.getInternshipNumberOfHoursInRange(this.state.selectedStartDate, this.state.selectedEndDate);
+        const internshipDays = student.getInternshipNumberOfDaysInRange(
+            this.state.selectedStartDate,
+            this.state.selectedEndDate
+        );
+        const internshipHours = student.getInternshipNumberOfHoursInRange(
+            this.state.selectedStartDate,
+            this.state.selectedEndDate
+        );
         return (
             <List.Item>
                 <Row type="flex" align="middle" justify="space-between" style={{ width: "100%" }}>
@@ -211,12 +246,12 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
                         {student.fullName}
                     </Col>
                     <Col span={8} style={{ textAlign: "center" }}>
-                        {student.internship!.startDate.format("DD/MM/YY")} - {student.internship!.endDate.format("DD/MM/YY")}
+                        {student.internship!.startDate.format("DD/MM/YY")} -{" "}
+                        {student.internship!.endDate.format("DD/MM/YY")}
                     </Col>
                     <Col span={8} style={{ textAlign: "right" }}>
                         <b>{internshipDays}</b> {internshipDays === 1 ? "dag" : "dagen"}
-                        &nbsp;
-                        (<b>{internshipHours}</b> {internshipHours === 1 ? "uur" : "uren"})
+                        &nbsp; (<b>{internshipHours}</b> {internshipHours === 1 ? "uur" : "uren"})
                     </Col>
                 </Row>
             </List.Item>
@@ -224,8 +259,14 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
     }
 
     private renderStudentNotFullyInPeriod(student: Student): React.ReactNode {
-        const internshipDays = student.getInternshipNumberOfDaysInRange(this.state.selectedStartDate, this.state.selectedEndDate);
-        const internshipHours = student.getInternshipNumberOfHoursInRange(this.state.selectedStartDate, this.state.selectedEndDate);
+        const internshipDays = student.getInternshipNumberOfDaysInRange(
+            this.state.selectedStartDate,
+            this.state.selectedEndDate
+        );
+        const internshipHours = student.getInternshipNumberOfHoursInRange(
+            this.state.selectedStartDate,
+            this.state.selectedEndDate
+        );
         return (
             <List.Item>
                 <Row type="flex" align="middle" justify="space-between" style={{ width: "100%" }}>
@@ -233,12 +274,14 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
                         {student.fullName}
                     </Col>
                     <Col span={8} style={{ textAlign: "center" }}>
-                        {student.internship!.startDate.format("DD/MM/YY")} - {student.internship!.endDate.format("DD/MM/YY")}
+                        {student.internship!.startDate.format("DD/MM/YY")} -{" "}
+                        {student.internship!.endDate.format("DD/MM/YY")}
                     </Col>
                     <Col span={8} style={{ textAlign: "right" }}>
-                        <b>{internshipDays}</b>/{student.internshipNumberOfDays} {internshipDays === 1 ? "dag" : "dagen"}
-                        &nbsp;
-                        (<b>{internshipHours}</b>/{student.internship!.hours} {internshipHours === 1 ? "uur" : "uren"})
+                        <b>{internshipDays}</b>/{student.internshipNumberOfDays}{" "}
+                        {internshipDays === 1 ? "dag" : "dagen"}
+                        &nbsp; (<b>{internshipHours}</b>/{student.internship!.hours}{" "}
+                        {internshipHours === 1 ? "uur" : "uren"})
                     </Col>
                 </Row>
             </List.Item>
@@ -248,8 +291,9 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
     private renderHoursInformationalTooltip(): React.ReactNode {
         return (
             <i>
-                Voor studenten die gedeeltelijk in de geselecteerde periode zitten, werden niet alle ingegeven uren meegeteld!
-                Stel een stage van 10 dagen (50 uren in totaal) die voor 5 dagen in de gekozen periode zit, dan zal deze maar voor 25 uren worden meegeteld.
+                Voor studenten die gedeeltelijk in de geselecteerde periode zitten, werden niet alle ingegeven uren
+                meegeteld! Stel een stage van 10 dagen (50 uren in totaal) die voor 5 dagen in de gekozen periode zit,
+                dan zal deze maar voor 25 uren worden meegeteld.
             </i>
         );
     }
@@ -265,11 +309,17 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
     }
 
     private handleDateChanged(): void {
-        if (this.state.selectedStartDate === undefined || this.state.selectedEndDate === undefined || this.state.selectedStartDate.isSameOrBefore(this.state.selectedEndDate)) {
+        if (
+            this.state.selectedStartDate === undefined ||
+            this.state.selectedEndDate === undefined ||
+            this.state.selectedStartDate.isSameOrBefore(this.state.selectedEndDate)
+        ) {
             // Reset validation messages
             this.props.form.setFields({
                 [nameof<ISchoolInternshipSummaryModalState>("selectedStartDate")]: {
-                    value: this.props.form.getFieldValue(nameof<ISchoolInternshipSummaryModalState>("selectedStartDate")),
+                    value: this.props.form.getFieldValue(
+                        nameof<ISchoolInternshipSummaryModalState>("selectedStartDate")
+                    ),
                     errors: undefined,
                 },
                 [nameof<ISchoolInternshipSummaryModalState>("selectedEndDate")]: {
@@ -279,7 +329,10 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
             });
         } else {
             // Validate input
-            this.props.form.validateFieldsAndScroll([nameof<ISchoolInternshipSummaryModalState>("selectedStartDate"), nameof<ISchoolInternshipSummaryModalState>("selectedEndDate")]);
+            this.props.form.validateFieldsAndScroll([
+                nameof<ISchoolInternshipSummaryModalState>("selectedStartDate"),
+                nameof<ISchoolInternshipSummaryModalState>("selectedEndDate"),
+            ]);
         }
     }
 
@@ -288,5 +341,7 @@ class SchoolInternshipSummaryModal extends React.Component<SchoolInternshipSumma
     }
 }
 
-const WrappedSchoolInternshipSummaryModal = Form.create<SchoolInternshipSummaryModalProps>()(SchoolInternshipSummaryModal);
+const WrappedSchoolInternshipSummaryModal = Form.create<SchoolInternshipSummaryModalProps>()(
+    SchoolInternshipSummaryModal
+);
 export default WrappedSchoolInternshipSummaryModal;
diff --git a/src/components/schools/SchoolsFormModal.tsx b/src/components/schools/SchoolsFormModal.tsx
index 1eb5add..9702f8c 100644
--- a/src/components/schools/SchoolsFormModal.tsx
+++ b/src/components/schools/SchoolsFormModal.tsx
@@ -23,7 +23,6 @@ interface ISchoolsFormModalState {
 }
 
 class SchoolsFormModal extends React.Component<SchoolFormModalProps, ISchoolsFormModalState> {
-
     constructor(props: SchoolFormModalProps) {
         super(props);
 
@@ -39,10 +38,7 @@ class SchoolsFormModal extends React.Component<SchoolFormModalProps, ISchoolsFor
 
     public componentDidUpdate(prevProps: SchoolFormModalProps): void {
         // Populate the form if it is just opened and if a school to edit is passed.
-        if (this.props.schoolToEdit !== undefined
-            && this.props.isVisible === true
-            && prevProps.isVisible === false) {
-
+        if (this.props.schoolToEdit !== undefined && this.props.isVisible === true && prevProps.isVisible === false) {
             const schoolFields: Partial<School> = {
                 name: this.props.schoolToEdit.name,
             };
@@ -69,15 +65,8 @@ class SchoolsFormModal extends React.Component<SchoolFormModalProps, ISchoolsFor
                         <FormItem label="Naam">
                             {getFieldDecorator<School>("name", {
                                 validateTrigger: this.state.formValidateTrigger,
-                                rules: [
-                                    { required: true, message: "Naam mag niet leeg zijn" },
-                                ],
-                            })(
-                                <Input
-                                    autoFocus={true}
-                                    disabled={this.state.isSubmitting}
-                                />,
-                            )}
+                                rules: [{ required: true, message: "Naam mag niet leeg zijn" }],
+                            })(<Input autoFocus={true} disabled={this.state.isSubmitting} />)}
                         </FormItem>
                     </Form>
                 </Modal>
@@ -108,11 +97,10 @@ class SchoolsFormModal extends React.Component<SchoolFormModalProps, ISchoolsFor
                     isSubmitting: true,
                 });
 
-                const school = new School(
-                    values[nameof<School>("name")],
-                );
+                const school = new School(values[nameof<School>("name")]);
 
-                this.props.submitSchool(school)
+                this.props
+                    .submitSchool(school)
                     .then(() => {
                         this.handleClose();
                     })
diff --git a/src/components/schools/SchoolsPage.tsx b/src/components/schools/SchoolsPage.tsx
index bf8a72c..caa72cc 100644
--- a/src/components/schools/SchoolsPage.tsx
+++ b/src/components/schools/SchoolsPage.tsx
@@ -23,7 +23,6 @@ interface ISchoolsPageState {
 }
 
 export default class SchoolsPage extends React.Component<SchoolsPageProps, ISchoolsPageState> {
-
     private unsubscribeFromSchool: () => void;
 
     constructor(props: SchoolsPageProps) {
@@ -39,7 +38,9 @@ export default class SchoolsPage extends React.Component<SchoolsPageProps, IScho
             schoolToEdit: undefined,
         };
 
-        this.unsubscribeFromSchool = () => { return; };
+        this.unsubscribeFromSchool = () => {
+            return;
+        };
 
         this.openAddSchoolModal = this.openAddSchoolModal.bind(this);
         this.closeAddSchoolModal = this.closeAddSchoolModal.bind(this);
@@ -57,14 +58,12 @@ export default class SchoolsPage extends React.Component<SchoolsPageProps, IScho
                 schools,
             });
         });
-        EducationsRepository.getEducationsByName()
-            .then((educations) => {
-                this.setState({ educations });
-            });
-        DepartmentsRepository.getDepartmentsByName()
-            .then((departments) => {
-                this.setState({ departments });
-            });
+        EducationsRepository.getEducationsByName().then((educations) => {
+            this.setState({ educations });
+        });
+        DepartmentsRepository.getDepartmentsByName().then((departments) => {
+            this.setState({ departments });
+        });
     }
 
     public componentWillUnmount(): void {
diff --git a/src/components/schools/SchoolsTable.tsx b/src/components/schools/SchoolsTable.tsx
index c4033f3..98afd3e 100644
--- a/src/components/schools/SchoolsTable.tsx
+++ b/src/components/schools/SchoolsTable.tsx
@@ -24,7 +24,6 @@ interface ISchoolsTableState {
 }
 
 class SchoolsTable extends React.Component<ISchoolsTableProps, ISchoolsTableState> {
-
     private columns: Array<ColumnProps<School>> = [
         {
             title: "Naam",
@@ -88,9 +87,7 @@ class SchoolsTable extends React.Component<ISchoolsTableProps, ISchoolsTableStat
 
     private renderInternshipsAction(school: School): React.ReactNode {
         const handleOpenInternshipSummaryFn = () => this.handleOpenInternshipSummary(school);
-        return (
-            <a onClick={handleOpenInternshipSummaryFn}>Bekijk stages</a>
-        );
+        return <a onClick={handleOpenInternshipSummaryFn}>Bekijk stages</a>;
     }
 
     private renderActions(school: School): React.ReactNode {
@@ -109,17 +106,8 @@ class SchoolsTable extends React.Component<ISchoolsTableProps, ISchoolsTableStat
                     />
                 </Tooltip>
                 <Tooltip title="Verwijderen">
-                    <Popconfirm
-                        title="Weet u zeker dat u deze school wilt verwijderen?"
-                        onConfirm={deleteFunc}
-                    >
-                        <Button
-                            size="small"
-                            icon="delete"
-                            type="danger"
-                            ghost={true}
-                            className={styles.actionButton}
-                        />
+                    <Popconfirm title="Weet u zeker dat u deze school wilt verwijderen?" onConfirm={deleteFunc}>
+                        <Button size="small" icon="delete" type="danger" ghost={true} className={styles.actionButton} />
                     </Popconfirm>
                 </Tooltip>
             </React.Fragment>
diff --git a/src/components/students/StudentsFormModal.tsx b/src/components/students/StudentsFormModal.tsx
index f4da5c9..20c70d1 100644
--- a/src/components/students/StudentsFormModal.tsx
+++ b/src/components/students/StudentsFormModal.tsx
@@ -210,5 +210,5 @@ class StudentsFormModal extends React.Component<StudentFormModalProps, IStudents
     }
 }
 
-const WrappedStudentsFormModal = Form.create<IStudentsFormModalProps>()(StudentsFormModal);
+const WrappedStudentsFormModal = Form.create<StudentFormModalProps>()(StudentsFormModal);
 export default WrappedStudentsFormModal;
diff --git a/src/components/students/StudentsPage.tsx b/src/components/students/StudentsPage.tsx
index bebd9c8..1e48efb 100644
--- a/src/components/students/StudentsPage.tsx
+++ b/src/components/students/StudentsPage.tsx
@@ -29,7 +29,6 @@ interface IStudentsPageState {
 }
 
 export default class StudentsPage extends React.Component<StudentsPageProps, IStudentsPageState> {
-
     private unsubscribeFromStudents: () => void;
 
     constructor(props: StudentsPageProps) {
@@ -49,7 +48,9 @@ export default class StudentsPage extends React.Component<StudentsPageProps, ISt
             isFetchingDepartments: true,
         };
 
-        this.unsubscribeFromStudents = () => { return; };
+        this.unsubscribeFromStudents = () => {
+            return;
+        };
 
         this.openAddStudentModal = this.openAddStudentModal.bind(this);
         this.closeAddStudentModal = this.closeAddStudentModal.bind(this);
@@ -67,27 +68,24 @@ export default class StudentsPage extends React.Component<StudentsPageProps, ISt
                 students,
             });
         });
-        SchoolsRepository.getSchoolsByName()
-            .then((schools) => {
-                this.setState({
-                    isFetchingSchools: false,
-                    schools,
-                });
+        SchoolsRepository.getSchoolsByName().then((schools) => {
+            this.setState({
+                isFetchingSchools: false,
+                schools,
             });
-        EducationsRepository.getEducationsByName()
-            .then((educations) => {
-                this.setState({
-                    isFetchingEducations: false,
-                    educations,
-                });
+        });
+        EducationsRepository.getEducationsByName().then((educations) => {
+            this.setState({
+                isFetchingEducations: false,
+                educations,
             });
-        DepartmentsRepository.getDepartmentsByName()
-            .then((departments) => {
-                this.setState({
-                    isFetchingDepartments: false,
-                    departments,
-                });
+        });
+        DepartmentsRepository.getDepartmentsByName().then((departments) => {
+            this.setState({
+                isFetchingDepartments: false,
+                departments,
             });
+        });
     }
 
     public componentWillUnmount(): void {
diff --git a/src/components/students/StudentsTable.module.scss b/src/components/students/StudentsTable.module.scss
index 0bb1680..598417a 100644
--- a/src/components/students/StudentsTable.module.scss
+++ b/src/components/students/StudentsTable.module.scss
@@ -1,3 +1,3 @@
 .studentInternshipModalFooter {
     text-align: right;
-}
\ No newline at end of file
+}
diff --git a/src/components/students/StudentsTable.tsx b/src/components/students/StudentsTable.tsx
index 112e43e..a536351 100644
--- a/src/components/students/StudentsTable.tsx
+++ b/src/components/students/StudentsTable.tsx
@@ -271,7 +271,10 @@ class StudentsTable extends React.Component<IStudentsTableProps, IStudentTableSt
                 title: "Bevestigd",
                 key: "isConfirmed",
                 render: (record: Student) => (record.isConfirmed ? "Ja" : "-"),
-                filters: [{ text: "Bevestigd", value: "1" }, { text: "Niet bevestigd", value: "0" }],
+                filters: [
+                    { text: "Bevestigd", value: "1" },
+                    { text: "Niet bevestigd", value: "0" },
+                ],
                 onFilter: (value, record: Student) =>
                     exactMatchOrDefaultOptionFilter(value, record.isConfirmed ? "1" : "0"),
             },
diff --git a/src/helpers/comparers.ts b/src/helpers/comparers.ts
index 79c7b09..fc3599f 100644
--- a/src/helpers/comparers.ts
+++ b/src/helpers/comparers.ts
@@ -1,6 +1,9 @@
 import moment from "moment";
 
-export function isMomentDayAfterOrTheSameAsOtherDay(date: moment.Moment | undefined, otherDate: moment.Moment | undefined): boolean {
+export function isMomentDayAfterOrTheSameAsOtherDay(
+    date: moment.Moment | undefined,
+    otherDate: moment.Moment | undefined
+): boolean {
     if (date === undefined || otherDate === undefined) {
         return false;
     }
diff --git a/src/helpers/nameof.ts b/src/helpers/nameof.ts
index 2f328c7..734b1c5 100644
--- a/src/helpers/nameof.ts
+++ b/src/helpers/nameof.ts
@@ -1,4 +1,4 @@
-export function nameof<T, S={}>(field: keyof T, subField?: keyof S | undefined): string {
+export function nameof<T, S = {}>(field: keyof T, subField?: keyof S | undefined): string {
     if (subField === undefined) {
         return field as string;
     } else {
diff --git a/src/index.scss b/src/index.scss
index 7486d0b..d66436c 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,4 +1,4 @@
-@import '~antd/dist/antd.css';
+@import "~antd/dist/antd.css";
 
 body {
     margin: 0;
diff --git a/src/index.tsx b/src/index.tsx
index c85212f..5c9a52c 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -27,5 +27,5 @@ ReactDOM.render(
     <LocaleProvider locale={nlBE}>
         <Root />
     </LocaleProvider>,
-    document.getElementById("root"),
+    document.getElementById("root")
 );
diff --git a/src/models/Department.ts b/src/models/Department.ts
index 03dc649..1bc29cd 100644
--- a/src/models/Department.ts
+++ b/src/models/Department.ts
@@ -4,7 +4,6 @@ import { ModelBase } from "./ModelBase";
 import { Student } from "./Student";
 
 export class Department extends ModelBase<IDepartment> {
-
     public get totalCapacity(): number {
         return this.capacityPerEducation
             .map((capacity) => capacity.capacity)
@@ -14,52 +13,51 @@ export class Department extends ModelBase<IDepartment> {
     constructor(
         public name: string,
         public color: string,
-        public capacityPerEducation: IDepartmentEducationCapacity[],
+        public capacityPerEducation: IDepartmentEducationCapacity[]
     ) {
         super();
 
         // Make sure there is an array, and no empty values are in it.
-        this.capacityPerEducation = (this.capacityPerEducation || [])
-            .filter((capacity) => capacity !== undefined && capacity !== null);
+        this.capacityPerEducation = (this.capacityPerEducation || []).filter(
+            (capacity) => capacity !== undefined && capacity !== null
+        );
     }
 
     public static fromEntity(entity: IDepartment): Department {
-        const department = new Department(
-            entity.name,
-            entity.color,
-            entity.capacityPerEducation,
-        );
+        const department = new Department(entity.name, entity.color, entity.capacityPerEducation);
         department.fillBaseFields(entity);
         return department;
     }
 
     public getUsedCapacity(students: Student[]): number {
         return students.filter((student) => {
-            return student.internship !== undefined
-                && student.internship.departmentId === this.id;
+            return student.internship !== undefined && student.internship.departmentId === this.id;
         }).length;
     }
 
     public getUsedCapacityForEducation(students: Student[], education: Education): number {
         return students.filter((student) => {
-            return student.internship !== undefined
-                && student.internship.departmentId === this.id
-                && student.educationId === education.id;
+            return (
+                student.internship !== undefined &&
+                student.internship.departmentId === this.id &&
+                student.educationId === education.id
+            );
         }).length;
     }
 
     public getCapacityForEducation(education: Education): number {
         const educationCapacity = this.capacityPerEducation.find((capacity) => capacity.educationId === education.id);
-        return educationCapacity === undefined
-            ? 0
-            : educationCapacity.capacity;
+        return educationCapacity === undefined ? 0 : educationCapacity.capacity;
     }
 
     protected getEntityInternal(): IDepartment {
         const capacities = this.capacityPerEducation || [];
         const capacitiesWithoutDuplicates = capacities.filter((capacity, index, capacitiesArray) => {
-            return capacitiesArray.map((capacityFromArray) => capacityFromArray.educationId)
-                .indexOf(capacity.educationId) === index;
+            return (
+                capacitiesArray
+                    .map((capacityFromArray) => capacityFromArray.educationId)
+                    .indexOf(capacity.educationId) === index
+            );
         });
 
         return {
diff --git a/src/models/Education.ts b/src/models/Education.ts
index dfaa97b..3c4c66d 100644
--- a/src/models/Education.ts
+++ b/src/models/Education.ts
@@ -2,17 +2,12 @@ import { IEducation } from "../entities/IEducation";
 import { ModelBase } from "./ModelBase";
 
 export class Education extends ModelBase<IEducation> {
-
-    constructor(
-        public name: string,
-    ) {
+    constructor(public name: string) {
         super();
     }
 
     public static fromEntity(entity: IEducation): Education {
-        const education = new Education(
-            entity.name,
-        );
+        const education = new Education(entity.name);
         education.fillBaseFields(entity);
         return education;
     }
diff --git a/src/models/ModelBase.ts b/src/models/ModelBase.ts
index 8643b9c..8a7aa00 100644
--- a/src/models/ModelBase.ts
+++ b/src/models/ModelBase.ts
@@ -1,3 +1,4 @@
+import firebase from "firebase";
 import moment from "moment";
 import { IFirestoreEntityBase } from "../entities/IFirestoreEntityBase";
 import { Firebase } from "../services/FirebaseInitializer";
@@ -5,7 +6,6 @@ import { Firebase } from "../services/FirebaseInitializer";
 type DatabaseAction = "new" | "update" | "updateWithoutTime";
 
 export abstract class ModelBase<T extends IFirestoreEntityBase> {
-
     public id: string | undefined;
     public createdDate: moment.Moment | undefined;
     public updatedDate: moment.Moment | undefined;
@@ -13,12 +13,14 @@ export abstract class ModelBase<T extends IFirestoreEntityBase> {
     public getEntity(databaseAction: DatabaseAction): T {
         const entity: T = {
             id: this.id,
-            createdTimestamp: this.createdDate === undefined
-                ? null
-                : Firebase.firestore.Timestamp.fromDate(this.createdDate.toDate()),
-            updatedTimestamp: this.updatedDate === undefined
-                ? null
-                : Firebase.firestore.Timestamp.fromDate(this.updatedDate.toDate()),
+            createdTimestamp:
+                this.createdDate === undefined
+                    ? null
+                    : Firebase.firestore.Timestamp.fromDate(this.createdDate.toDate()),
+            updatedTimestamp:
+                this.updatedDate === undefined
+                    ? null
+                    : Firebase.firestore.Timestamp.fromDate(this.updatedDate.toDate()),
             ...this.getEntityInternal(),
         };
 
@@ -62,12 +64,8 @@ export abstract class ModelBase<T extends IFirestoreEntityBase> {
 
     protected fillBaseFields(entity: T): void {
         this.id = entity.id;
-        this.createdDate = entity.createdTimestamp === undefined
-            ? undefined
-            : moment(entity.createdTimestamp.toDate());
-        this.updatedDate = entity.updatedTimestamp === undefined
-            ? undefined
-            : moment(entity.updatedTimestamp.toDate());
+        this.createdDate = entity.createdTimestamp === undefined ? undefined : moment(entity.createdTimestamp.toDate());
+        this.updatedDate = entity.updatedTimestamp === undefined ? undefined : moment(entity.updatedTimestamp.toDate());
     }
 
     protected abstract getEntityInternal(): T;
diff --git a/src/models/School.ts b/src/models/School.ts
index 7bbc98f..3c6456b 100644
--- a/src/models/School.ts
+++ b/src/models/School.ts
@@ -2,17 +2,12 @@ import { ISchool } from "../entities/ISchool";
 import { ModelBase } from "./ModelBase";
 
 export class School extends ModelBase<ISchool> {
-
-    constructor(
-        public name: string,
-    ) {
+    constructor(public name: string) {
         super();
     }
 
     public static fromEntity(entity: ISchool): School {
-        const school = new School(
-            entity.name,
-        );
+        const school = new School(entity.name);
         school.fillBaseFields(entity);
         return school;
     }
diff --git a/src/services/FirebaseModelMapper.ts b/src/services/FirebaseModelMapper.ts
index ead64a1..7ca970f 100644
--- a/src/services/FirebaseModelMapper.ts
+++ b/src/services/FirebaseModelMapper.ts
@@ -1,8 +1,10 @@
+import firebase from "firebase";
 import { IFirestoreEntityBase } from "../entities/IFirestoreEntityBase";
 
 export class FirebaseModelMapper {
-
-    public static mapDocsToObjects<T extends IFirestoreEntityBase>(docSnaps: firebase.firestore.DocumentSnapshot[]): T[] {
+    public static mapDocsToObjects<T extends IFirestoreEntityBase>(
+        docSnaps: firebase.firestore.DocumentSnapshot[]
+    ): T[] {
         return docSnaps.map((docSnap) => FirebaseModelMapper.mapDocToObject<T>(docSnap));
     }
 
@@ -14,7 +16,9 @@ export class FirebaseModelMapper {
         return obj as T;
     }
 
-    private static nullToUndefined(data: firebase.firestore.DocumentData | undefined): firebase.firestore.DocumentData | undefined {
+    private static nullToUndefined(
+        data: firebase.firestore.DocumentData | undefined
+    ): firebase.firestore.DocumentData | undefined {
         if (data === undefined) {
             return undefined;
         }
diff --git a/src/services/FirestoreRefs.ts b/src/services/FirestoreRefs.ts
index 518300a..1c8075e 100644
--- a/src/services/FirestoreRefs.ts
+++ b/src/services/FirestoreRefs.ts
@@ -1,15 +1,13 @@
+import firebase from "firebase";
 import { Firebase } from "./FirebaseInitializer";
 
 export class FirestoreRefs {
-
     public static getStudentCollectionRef(): firebase.firestore.CollectionReference {
         return Firebase.firestore().collection("students");
     }
 
     public static getStudentDocRef(docId?: string): firebase.firestore.DocumentReference {
-        return docId === undefined
-            ? this.getStudentCollectionRef().doc()
-            : this.getStudentCollectionRef().doc(docId);
+        return docId === undefined ? this.getStudentCollectionRef().doc() : this.getStudentCollectionRef().doc(docId);
     }
 
     public static getDepartmentCollectionRef(): firebase.firestore.CollectionReference {
@@ -27,9 +25,7 @@ export class FirestoreRefs {
     }
 
     public static getSchoolDocRef(docId?: string): firebase.firestore.DocumentReference {
-        return docId === undefined
-            ? this.getSchoolCollectionRef().doc()
-            : this.getSchoolCollectionRef().doc(docId);
+        return docId === undefined ? this.getSchoolCollectionRef().doc() : this.getSchoolCollectionRef().doc(docId);
     }
 
     public static getEducationCollectionRef(): firebase.firestore.CollectionReference {
diff --git a/src/services/repositories/DepartmentsRepository.ts b/src/services/repositories/DepartmentsRepository.ts
index ef6a3e9..6dcbb0f 100644
--- a/src/services/repositories/DepartmentsRepository.ts
+++ b/src/services/repositories/DepartmentsRepository.ts
@@ -7,7 +7,6 @@ import { FirestoreRefs } from "../FirestoreRefs";
 import { StudentsRepository } from "./StudentsRepository";
 
 export class DepartmentsRepository {
-
     public static subscribeToDepartments(onListen: (departments: Department[]) => void): () => void {
         return FirestoreRefs.getDepartmentCollectionRef()
             .orderBy(nameof<IDepartment>("createdTimestamp"), "desc")
@@ -19,12 +18,10 @@ export class DepartmentsRepository {
     }
 
     public static async getAllDepartments(): Promise<Department[]> {
-        const querySnapshot = await FirestoreRefs.getDepartmentCollectionRef()
-            .get();
+        const querySnapshot = await FirestoreRefs.getDepartmentCollectionRef().get();
 
         const departmentEntities = FirebaseModelMapper.mapDocsToObjects<IDepartment>(querySnapshot.docs);
-        const departments = departmentEntities.map((entity) => Department.fromEntity(entity));
-        return departments;
+        return departmentEntities.map((entity) => Department.fromEntity(entity));
     }
 
     public static async getDepartmentsByName(): Promise<Department[]> {
@@ -33,53 +30,50 @@ export class DepartmentsRepository {
             .get();
 
         const departmentEntities = FirebaseModelMapper.mapDocsToObjects<IDepartment>(querySnapshot.docs);
-        const departments = departmentEntities.map((entity) => Department.fromEntity(entity));
-        return departments;
+        return departmentEntities.map((entity) => Department.fromEntity(entity));
     }
 
     public static async addDepartment(department: Department): Promise<void> {
-        await FirestoreRefs.getDepartmentCollectionRef()
-            .add(department.getEntity("new"));
+        await FirestoreRefs.getDepartmentCollectionRef().add(department.getEntity("new"));
     }
 
     public static async updateDepartment(department: Department, doNotUpdateTimestamp: boolean = false): Promise<void> {
         if (department.id === undefined) {
             return Promise.reject(Error("Department should have an id"));
         }
-        await FirestoreRefs.getDepartmentDocRef(department.id)
-            .update(department.getEntity(doNotUpdateTimestamp ? "updateWithoutTime" : "update"));
+        await FirestoreRefs.getDepartmentDocRef(department.id).update(
+            department.getEntity(doNotUpdateTimestamp ? "updateWithoutTime" : "update")
+        );
     }
 
     public static async deleteDepartment(department: Department): Promise<void> {
         if (department.id === undefined) {
             return Promise.reject(Error("Department should have an id"));
         }
-        await FirestoreRefs.getDepartmentDocRef(department.id)
-            .delete();
+        await FirestoreRefs.getDepartmentDocRef(department.id).delete();
 
         // Delete relations with internships on students
         const plannedStudents = await StudentsRepository.getPlannedStudentsWithDepartment(department);
-        plannedStudents.forEach(async (student) => {
+        for (const student of plannedStudents) {
             if (student.internship === undefined) {
-                return;
+                continue;
             }
             student.internship.departmentId = undefined;
-            StudentsRepository.updateStudent(student, true);
-        });
+            await StudentsRepository.updateStudent(student, true);
+        }
     }
 
     public static async deleteEducationRelations(education: Education): Promise<void> {
         const departments = await DepartmentsRepository.getAllDepartments();
-        departments.forEach(async (department) => {
+        for (const department of departments) {
             const educations = department.capacityPerEducation;
             if (educations === undefined || educations === null || educations.length === 0) {
-                return;
+                continue;
             }
             if (educations.some((edu) => edu.educationId === education.id)) {
-                const educationsToKeep = educations.filter((edu) => edu.educationId !== education.id);
-                department.capacityPerEducation = educationsToKeep;
+                department.capacityPerEducation = educations.filter((edu) => edu.educationId !== education.id);
                 await DepartmentsRepository.updateDepartment(department, true);
             }
-        });
+        }
     }
 }
diff --git a/src/services/repositories/EducationsRepository.ts b/src/services/repositories/EducationsRepository.ts
index d45ebee..0159d28 100644
--- a/src/services/repositories/EducationsRepository.ts
+++ b/src/services/repositories/EducationsRepository.ts
@@ -7,7 +7,6 @@ import { DepartmentsRepository } from "./DepartmentsRepository";
 import { StudentsRepository } from "./StudentsRepository";
 
 export class EducationsRepository {
-
     public static subscribeToEducations(onListen: (educations: Education[]) => void): () => void {
         return FirestoreRefs.getEducationCollectionRef()
             .orderBy(nameof<IEducation>("createdTimestamp"), "desc")
@@ -24,21 +23,18 @@ export class EducationsRepository {
             .get();
 
         const educationEntities = FirebaseModelMapper.mapDocsToObjects<IEducation>(querySnapshot.docs);
-        const educations = educationEntities.map((entity) => Education.fromEntity(entity));
-        return educations;
+        return educationEntities.map((entity) => Education.fromEntity(entity));
     }
 
     public static async addEducation(education: Education): Promise<void> {
-        await FirestoreRefs.getEducationCollectionRef()
-            .add(education.getEntity("new"));
+        await FirestoreRefs.getEducationCollectionRef().add(education.getEntity("new"));
     }
 
     public static async updateEducation(education: Education): Promise<void> {
         if (education.id === undefined) {
             return Promise.reject(Error("Education should have an id"));
         }
-        await FirestoreRefs.getEducationDocRef(education.id)
-            .update(education.getEntity("update"));
+        await FirestoreRefs.getEducationDocRef(education.id).update(education.getEntity("update"));
     }
 
     public static async deleteEducation(education: Education): Promise<void> {
@@ -46,17 +42,16 @@ export class EducationsRepository {
             return Promise.reject(Error("Education should have an id"));
         }
 
-        await FirestoreRefs.getEducationDocRef(education.id)
-            .delete();
+        await FirestoreRefs.getEducationDocRef(education.id).delete();
 
         // Delete relations on departments
         await DepartmentsRepository.deleteEducationRelations(education);
 
         // Delete relations on students
         const students = await StudentsRepository.getStudentsWithEducation(education);
-        students.forEach(async (student) => {
+        for (const student of students) {
             student.educationId = undefined;
             await StudentsRepository.updateStudent(student, true);
-        });
+        }
     }
 }
diff --git a/src/services/repositories/SchoolsRepository.ts b/src/services/repositories/SchoolsRepository.ts
index 1a0aa89..728b6a2 100644
--- a/src/services/repositories/SchoolsRepository.ts
+++ b/src/services/repositories/SchoolsRepository.ts
@@ -6,7 +6,6 @@ import { FirestoreRefs } from "../FirestoreRefs";
 import { StudentsRepository } from "./StudentsRepository";
 
 export class SchoolsRepository {
-
     public static subscribeToSchools(onListen: (schools: School[]) => void): () => void {
         return FirestoreRefs.getSchoolCollectionRef()
             .orderBy(nameof<ISchool>("createdTimestamp"), "desc")
@@ -23,35 +22,31 @@ export class SchoolsRepository {
             .get();
 
         const schoolEntities = FirebaseModelMapper.mapDocsToObjects<ISchool>(querySnapshot.docs);
-        const schools = schoolEntities.map((entity) => School.fromEntity(entity));
-        return schools;
+        return schoolEntities.map((entity) => School.fromEntity(entity));
     }
 
     public static async addSchool(school: School): Promise<void> {
-        await FirestoreRefs.getSchoolCollectionRef()
-            .add(school.getEntity("new"));
+        await FirestoreRefs.getSchoolCollectionRef().add(school.getEntity("new"));
     }
 
     public static async updateSchool(school: School): Promise<void> {
         if (school.id === undefined) {
             return Promise.reject(Error("School should have an id"));
         }
-        await FirestoreRefs.getSchoolDocRef(school.id)
-            .update(school.getEntity("update"));
+        await FirestoreRefs.getSchoolDocRef(school.id).update(school.getEntity("update"));
     }
 
     public static async deleteSchool(school: School): Promise<void> {
         if (school.id === undefined) {
             return Promise.reject(Error("School should have an id"));
         }
-        await FirestoreRefs.getSchoolDocRef(school.id)
-            .delete();
+        await FirestoreRefs.getSchoolDocRef(school.id).delete();
 
         // Delete relations on students
         const students = await StudentsRepository.getStudentsWithSchool(school);
-        students.forEach(async (student) => {
+        for (const student of students) {
             student.schoolId = undefined;
             await StudentsRepository.updateStudent(student, true);
-        });
+        }
     }
 }
diff --git a/src/services/repositories/StudentsRepository.ts b/src/services/repositories/StudentsRepository.ts
index b4f5216..91bdf00 100644
--- a/src/services/repositories/StudentsRepository.ts
+++ b/src/services/repositories/StudentsRepository.ts
@@ -8,7 +8,6 @@ import { FirebaseModelMapper } from "../FirebaseModelMapper";
 import { FirestoreRefs } from "../FirestoreRefs";
 
 export class StudentsRepository {
-
     public static subscribeToStudents(onListen: (students: Student[]) => void): () => void {
         return FirestoreRefs.getStudentCollectionRef()
             .orderBy(nameof<IStudent>("createdTimestamp"), "desc")
@@ -38,8 +37,7 @@ export class StudentsRepository {
             .get();
 
         const studentEntities = FirebaseModelMapper.mapDocsToObjects<IStudent>(querySnapshot.docs);
-        const students = studentEntities.map((entity) => Student.fromEntity(entity));
-        return students;
+        return studentEntities.map((entity) => Student.fromEntity(entity));
     }
 
     public static async getStudentsWithEducation(education: Education): Promise<Student[]> {
@@ -48,8 +46,7 @@ export class StudentsRepository {
             .get();
 
         const studentEntities = FirebaseModelMapper.mapDocsToObjects<IStudent>(querySnapshot.docs);
-        const students = studentEntities.map((entity) => Student.fromEntity(entity));
-        return students;
+        return studentEntities.map((entity) => Student.fromEntity(entity));
     }
 
     public static async getStudentsWithSchool(school: School): Promise<Student[]> {
@@ -58,8 +55,7 @@ export class StudentsRepository {
             .get();
 
         const studentEntities = FirebaseModelMapper.mapDocsToObjects<IStudent>(querySnapshot.docs);
-        const students = studentEntities.map((entity) => Student.fromEntity(entity));
-        return students;
+        return studentEntities.map((entity) => Student.fromEntity(entity));
     }
 
     public static async getPlannedStudentsWithDepartment(department: Department): Promise<Student[]> {
@@ -68,8 +64,7 @@ export class StudentsRepository {
             .get();
 
         const studentEntities = FirebaseModelMapper.mapDocsToObjects<IStudent>(querySnapshot.docs);
-        const students = studentEntities.map((entity) => Student.fromEntity(entity));
-        return students;
+        return studentEntities.map((entity) => Student.fromEntity(entity));
     }
 
     public static async getPlannedStudentsForSchool(school: School): Promise<Student[]> {
@@ -80,17 +75,15 @@ export class StudentsRepository {
             .get();
 
         const studentEntities = FirebaseModelMapper.mapDocsToObjects<IStudent>(querySnapshot.docs);
-        const students = studentEntities.map((entity) => Student.fromEntity(entity));
-        return students;
+        return studentEntities.map((entity) => Student.fromEntity(entity));
     }
 
     public static async addStudent(student: Student): Promise<void> {
-        await FirestoreRefs.getStudentCollectionRef()
-            .add(student.getEntity("new"));
+        await FirestoreRefs.getStudentCollectionRef().add(student.getEntity("new"));
     }
 
     public static async addInternshipForStudent(internship: IStudentInternship, student: Student): Promise<void> {
-        if (student.isPlanned === true) {
+        if (student.isPlanned) {
             return Promise.reject(Error("Student is already planned"));
         }
         if (student.id === undefined) {
@@ -106,7 +99,7 @@ export class StudentsRepository {
     }
 
     public static async updateInternshipForStudent(internship: IStudentInternship, student: Student): Promise<void> {
-        if (student.isPlanned === false) {
+        if (!student.isPlanned) {
             return Promise.reject(Error("Student is not planned, so cannot update internship"));
         }
         if (student.id === undefined) {
@@ -137,15 +130,15 @@ export class StudentsRepository {
         if (student.id === undefined) {
             return Promise.reject(Error("Student should have an id"));
         }
-        await FirestoreRefs.getStudentDocRef(student.id)
-            .update(student.getEntity(doNotUpdateTimestamp ? "updateWithoutTime" : "update"));
+        await FirestoreRefs.getStudentDocRef(student.id).update(
+            student.getEntity(doNotUpdateTimestamp ? "updateWithoutTime" : "update")
+        );
     }
 
     public static async deleteStudent(student: Student): Promise<void> {
         if (student.id === undefined) {
             return Promise.reject(Error("Student should have an id"));
         }
-        await FirestoreRefs.getStudentDocRef(student.id)
-            .delete();
+        await FirestoreRefs.getStudentDocRef(student.id).delete();
     }
 }