Add internal comment to lectures, closes #80

src/components/CourseListing.tsx

@@ -16,6 +16,8 @@ import { ResourceType } from "@/misc/PromiseHelpers";
 import { AuthenticationMethodIcons } from "@/misc/Util";
 import { useLanguage } from "./LanguageProvider";
 import { UpdateOverlay } from "./UpdateOverlay";
+import OverlayTrigger from "react-bootstrap/OverlayTrigger";
+import Tooltip from "react-bootstrap/Tooltip";
 
 function ListingHeader({ course }: { course: GetCourseResponse }) {
     const { editMode } = useEditMode();
@@ -209,6 +211,28 @@ export function LectureListItem({
                             initialValue={lecture.time}
                         />
                     </li>
+                    {lecture.internal_comment && lecture.internal_comment.trim().length > 0 && (
+                        <li className="text-muted">
+                            <OverlayTrigger
+                                overlay={
+                                    <Tooltip>
+                                        {language.get("object.lecture.internal_comment")}
+                                    </Tooltip>
+                                }
+                            >
+                                <span className="bi bi-chat-left-quote" />
+                            </OverlayTrigger>
+
+                            <EmbeddedOMFieldComponent
+                                object_type="lecture"
+                                object_id={lecture.id!}
+                                field_id="internal_comment"
+                                field_type="string"
+                                initialValue={lecture.internal_comment}
+                                allowMarkdown={true}
+                            />
+                        </li>
+                    )}
                 </ul>
                 <ul className="list-unstyled col-sm-3 col-12">
                     <li>