fix event sorting

src/View/ChatPages/calendarPage.tsx

@@ -4,6 +4,7 @@ import * as React from "bloatless-react";
 
 import CalendarPageViewModel from "../../ViewModel/Pages/calendarPageViewModel";
 import { MonthGrid } from "../Components/monthGrid";
+import { TaskSettingsModal } from "../Modals/taskSettingsModal";
 import { TaskViewModelToEntry } from "../Components/taskEntry";
 import { translations } from "../translations";
 
@@ -49,6 +50,19 @@ export function CalendarPage(calendarPageViewModel: CalendarPageViewModel) {
     }
   );
 
+  const taskSettingsModal = React.createProxyState(
+    [calendarPageViewModel.selectedTaskViewModel],
+    () => {
+      if (calendarPageViewModel.selectedTaskViewModel.value == undefined) {
+        return <div></div>;
+      } else {
+        return TaskSettingsModal(
+          calendarPageViewModel.selectedTaskViewModel.value
+        );
+      }
+    }
+  );
+
   return (
     <div id="calendar-page">
       <div class="pane-wrapper">
@@ -131,6 +145,8 @@ export function CalendarPage(calendarPageViewModel: CalendarPageViewModel) {
           <div class="content" children:set={sidePaneContent}></div>
         </div>
       </div>
+
+      <div children:set={taskSettingsModal}></div>
     </div>
   );
 }