fix bug with next task highlight

src/Model/Files/calendarModel.ts

@@ -102,7 +102,7 @@ export default class CalendarModel {
         };
 
         for (let i = 0; i < daysInMonth; i++) {
-            const paddedDate: string = CalendarModel.padDateOrMonth(
+            const paddedDate: string = CalendarModel.padZero(
                 (i + 1).toString(),
             );
             grid.days[paddedDate] = defaultValueCreator();
@@ -130,13 +130,13 @@ export default class CalendarModel {
 
     static isoToDateString = (dateISOString: string): string => {
         const [year, month, date, _] = dateISOString.split("-");
-        const paddedDate = CalendarModel.padDateOrMonth(date ?? "");
+        const paddedDate = CalendarModel.padZero(date ?? "");
         return paddedDate;
     };
 
     static getMonthString = (year: string = "", month: string = ""): string => {
         const paddedYear: string = year.padStart(4, "0");
-        const paddedMonth: string = CalendarModel.padDateOrMonth(month);
+        const paddedMonth: string = CalendarModel.padZero(month);
         return `${paddedYear}-${paddedMonth}`;
     };
 
@@ -146,11 +146,11 @@ export default class CalendarModel {
         date: string,
     ): string => {
         const monthString: string = CalendarModel.getMonthString(year, month);
-        const paddedDate: string = CalendarModel.padDateOrMonth(date);
+        const paddedDate: string = CalendarModel.padZero(date);
         return `${monthString}-${paddedDate}`;
     };
 
-    static padDateOrMonth = (input: string): string => {
+    static padZero = (input: string): string => {
         return input.padStart(2, "0");
     };
 }

src/Model/Utility/utility.ts

@@ -1,5 +1,7 @@
 import { checkIsValidObject, checkMatchesObjectStructure } from "./typeSafety";
 import * as React from "../../react";
+import {CalendarPage} from "../../View/ChatPages/calendarPage";
+import CalendarModel from "../Files/calendarModel";
 
 export interface Stringifiable {
     toString(): string;
@@ -23,8 +25,9 @@ export function formatISO(date: Date): string {
 }
 
 export function formatTime(date: Date): string {
-    const time = [date.getHours(), date.getMinutes()];
-    return time.join(":");
+    return [date.getHours(), date.getMinutes()]
+	.map(x => CalendarModel.padZero(x.toString()))
+	.join(":");
 }
 
 // filters

src/ViewModel/Global/coreViewModel.ts

@@ -123,7 +123,9 @@ export default class CoreViewModel {
     update = async (): Promise<void> => {
 	if (!this.swRegistration) return;
 	await this.swRegistration.update();
+	setTimeout(()=>{
 	window.location.reload();
+	}, 500);
     }
 
     // init

src/ViewModel/Pages/calendarPageViewModel.ts

@@ -23,7 +23,7 @@ export default class CalendarPageViewModel extends TaskContainingPageViewModel {
 
     get selectedDateString(): string {
 	return [this.selectedYear.value, this.selectedMonth.value, this.selectedDate.value]
-	    .map((x, i) => i == 0 ? x : CalendarModel.padDateOrMonth(x.toString()))
+	    .map((x, i) => i == 0 ? x : CalendarModel.padZero(x.toString()))
 	    .join("-");
     }
 
@@ -67,7 +67,7 @@ export default class CalendarPageViewModel extends TaskContainingPageViewModel {
     };
 
     getEventsForDate = (): React.MapState<TaskViewModel> | undefined => {
-        const paddedDate: string = CalendarModel.padDateOrMonth(
+        const paddedDate: string = CalendarModel.padZero(
             this.selectedDate.toString(),
         );
 
@@ -190,7 +190,9 @@ export default class CalendarPageViewModel extends TaskContainingPageViewModel {
 
 	const tasks = this.getEventsForDate();
 	if (tasks == undefined) return;
-	for (const task of [...tasks.value.values()]) {
+	const taskArray =[...tasks.value.values()];
+	const sorted = taskArray.sort((a, b) => a.index.value - b.index.value);
+	for (const task of sorted) {
 	    if (task.time.value <= this.coreViewModel.time.value) continue;
 	    this.nextTask.value = task;
 	    break;