Fix Types

client/src/components/dueDates/DateEmbedding.vue

@@ -3,13 +3,14 @@ import { getDateString, getTimeString } from "@/components/dueDates/dueDatesUtil
 import type { Dayjs } from "dayjs";
 
 const props = defineProps<{
-  singleDate: Dayjs;
+  singleDate?: Dayjs;
 }>();
 </script>
 
 <template>
   <span>
     <it-icon-calendar-light class="it-icon h-5 w-5" />
+    // TODO: Termin nicht definiert anzeigen wenn undefined
     {{ getDateString(props.singleDate) }}, {{ getTimeString(props.singleDate) }}
   </span>
 </template>

client/src/components/dueDates/dueDatesUtils.ts

@@ -28,14 +28,23 @@ export const formatDate = (start: Dayjs, end: Dayjs) => {
   )}`;
 };
 
-export const getTimeString = (date: Dayjs) => {
+export const getTimeString = (date?: Dayjs) => {
-  return `${date.format("H:mm")}`;
+  if (date) {
+    return `${date.format("H:mm")}`;
+  }
+  return "";
 };
 
-export const getDateString = (date: Dayjs) => {
+export const getDateString = (date?: Dayjs) => {
-  return `${date.format("D. MMMM YYYY")}`;
+  if (date) {
+    return `${date.format("D. MMMM YYYY")}`;
+  }
+  return "";
 };
 
 export const getWeekday = (date: Dayjs) => {
-  return `${date.format("dd")}`;
+  if (date) {
+    return `${date.format("dd")}`;
+  }
+  return "";
 };

client/src/stores/courseSessions.ts

@@ -239,7 +239,7 @@ export const useCourseSessionsStore = defineStore("courseSessions", () => {
     contentId?: number
   ): CourseSessionAssignmentDetails | undefined {
     if (contentId && currentCourseSession.value) {
-      return [];
+      return;
       // TODO: Commented out because DueDate replaced assignment_details_list, not shure if other iformation is needed
       // currentCourseSession.value.assignment_details_list.find(
       //   (assignmentDetails) => assignmentDetails.learningContentId === contentId