diff --git a/src/pages/course/assignment-type-head/assignment-type-head.vue b/src/pages/course/assignment-type-head/assignment-type-head.vue
index cedb514..14617d9 100644
--- a/src/pages/course/assignment-type-head/assignment-type-head.vue
+++ b/src/pages/course/assignment-type-head/assignment-type-head.vue
@@ -7,9 +7,12 @@
 </template>
 
 <script lang="ts">
-    export default class AssignmentTypeHead
-    {
+    import {Component, Prop, Vue} from 'vue-property-decorator';
 
+    @Component
+    export default class AssignmentTypeHead extends Vue
+    {
+        @Prop({required: true}) typeName: string;
     }
 </script>
 
diff --git a/src/pages/course/course-page.vue b/src/pages/course/course-page.vue
index 9660e3d..c95ccef 100644
--- a/src/pages/course/course-page.vue
+++ b/src/pages/course/course-page.vue
@@ -14,6 +14,8 @@
                 </el-col>
             </el-row>
 
+            <AssignmentTypeHead type-name=""></AssignmentTypeHead>
+
             <!--AssignmentEntry v-for="assignment in course.assignments"
                              :assignment="assignment" :unread="false">
             </AssignmentEntry-->
@@ -27,9 +29,10 @@
     import CourseHead from '@/pages/overall/overall-course/course-head/course-head.vue';
     import CourseScatter from '@/pages/course/course-scatter/course-scatter';
     import AssignmentEntry from '@/pages/overall/overall-course/assignment-entry/assignment-entry.vue';
+    import AssignmentTypeHead from '@/pages/course/assignment-type-head/assignment-type-head.vue';
 
     @Component({
-        components: {AssignmentEntry, CourseHead, CourseScatter}
+        components: {AssignmentEntry, CourseHead, CourseScatter, AssignmentTypeHead}
     })
     export default class CoursePage extends Vue
     {