diff --git a/assets/js/vue/components/alsijil/CourseBook.js b/assets/js/vue/components/alsijil/CourseBook.js
index 75ace63a27c8961a08b48f43ce24139bf78c2e4c..19958a8d6f948f8ec9518a63631d335e8fc3ba5f 100644
--- a/assets/js/vue/components/alsijil/CourseBook.js
+++ b/assets/js/vue/components/alsijil/CourseBook.js
@@ -54,12 +54,14 @@ export default {
             }
           }
           lessonDocumentations: lessonDocumentationsByLessonId(id: $lessonId) {
+            id
             topic
             homework
             groupNote
             period
             date
             personalNotes {
+              id
               person {
                 id
                 fullName
@@ -98,6 +100,7 @@ export default {
             <v-col v-for="item in data.lessonDocumentations" cols="12" v-bind:key="item.id">
               <lesson-documentation
                 v-bind:key="item.id"
+                :id="item.id"
                 :groups="data.lesson.groups"
                 :excuse-types="data.excuseTypes"
                 :extra-marks="data.extraMarks"
diff --git a/assets/js/vue/components/alsijil/LessonDocumentation.js b/assets/js/vue/components/alsijil/LessonDocumentation.js
index df4b3647c25c2fe04036cf9d1ad377f87e812011..610555a3592ac4fb85413757b0f39ccc297fa6d9 100644
--- a/assets/js/vue/components/alsijil/LessonDocumentation.js
+++ b/assets/js/vue/components/alsijil/LessonDocumentation.js
@@ -1,5 +1,5 @@
 export default {
-    props: ["date", "period", "topic", "homework", "groupNote", "personalNotes", "groups", "excuseTypes", "extraMarks"],
+    props: ["id", "date", "period", "topic", "homework", "groupNote", "personalNotes", "groups", "excuseTypes", "extraMarks"],
     name: "lesson-documentation",
     data: () => {
         return {