finish selector for board

src/View/Modals/taskSettingsModal.tsx

@@ -1,7 +1,9 @@
 import * as React from "bloatless-react";
 
 import {
+  Entry,
   EntryToOption,
+  Option,
   StringToOption,
   VersionIdToOption,
 } from "../Components/option";
@@ -15,6 +17,13 @@ export function TaskSettingsModal(taskViewModel: TaskViewModel) {
   const categorySuggestionId = v4();
   const statusSuggestionId = v4();
 
+  const BoardOptionConverter: React.StateItemConverter<Entry> = (
+    entry: Entry
+  ) => {
+    const isSelected = entry[0] == taskViewModel.task.boardId;
+    return Option(entry[1], entry[0], isSelected);
+  };
+
   return (
     <div class="modal" open>
       <div>
@@ -51,7 +60,7 @@ export function TaskSettingsModal(taskViewModel: TaskViewModel) {
                 bind:value={taskViewModel.boardId}
                 children:append={[
                   taskViewModel.chatViewModel.taskBoardSuggestions,
-                  EntryToOption,
+                  BoardOptionConverter,
                 ]}
               ></select>
               <span class="icon">arrow_drop_down</span>