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>
   );
 }

src/View/Components/monthGrid.tsx

@@ -29,7 +29,15 @@ export function MonthGrid<T>(
   const converter: React.StateItemConverter<TaskViewModel> = (
     taskViewModel
   ) => {
-    return <span class="ellipsis secondary">{taskViewModel.task.name}</span>;
+    const view = (
+      <span class="ellipsis secondary">{taskViewModel.task.name}</span>
+    );
+
+    taskViewModel.index.subscribe((newIndex) => {
+      view.style.order = newIndex;
+    });
+
+    return view;
   };
 
   return (