add keystroke hints

src/View/ChatPages/boardPage.tsx

@@ -1,6 +1,7 @@
 import { BoardStatusGridPage } from "./boardStatusGridPage";
 import { BoardKanbanPage } from "./boardKanbanPage";
 import { ViewController } from "../viewController";
+import { CommonKeys, getKeySymbol } from "../keystrokes";
 import { TaskSettingsModal } from "../Modals/taskSettingsModal";
 import { SearchModal } from "../Modals/searchModal";
 import { BoardSettingsModal } from "../Modals/boardSettingsModal";
@@ -96,6 +97,7 @@ export function BoardPage(
                         toggle:selected={
                             boardViewModel.taskPageViewModel.isShowingBoadList
                         }
+                        ctkeystroke={getKeySymbol(CommonKeys.Options)}
                     >
                         <span class="icon">dock_to_right</span>
                     </button>
@@ -106,6 +108,7 @@ export function BoardPage(
                                 .boardSettingsHeadline
                         }
                         on:click={boardViewModel.showSettings}
+                        ctkeystroke={getKeySymbol(CommonKeys.Settings)}
                     >
                         <span class="icon">settings</span>
                     </button>
@@ -117,6 +120,7 @@ export function BoardPage(
                         "view_list",
                         BoardPageTypes.List,
                         boardViewModel,
+                        "j",
                     )}
                     {BoardViewToggleButton(
                         coreViewModel.translations.chatPage.task
@@ -124,6 +128,7 @@ export function BoardPage(
                         "view_kanban",
                         BoardPageTypes.Kanban,
                         boardViewModel,
+                        "k",
                     )}
                     {BoardViewToggleButton(
                         coreViewModel.translations.chatPage.task
@@ -131,6 +136,7 @@ export function BoardPage(
                         "grid_view",
                         BoardPageTypes.StatusGrid,
                         boardViewModel,
+                        "l",
                     )}
                 </span>
                 <span>
@@ -142,6 +148,7 @@ export function BoardPage(
                         }
                         on:click={boardViewModel.showFilterModal}
                         toggle:selected={boardViewModel.isFilterActive}
+                        ctkeystroke={CommonKeys.Filter}
                     >
                         <span class="icon">filter_alt</span>
                     </button>
@@ -152,6 +159,7 @@ export function BoardPage(
                                 .createTaskButtonAudioLabel
                         }
                         on:click={boardViewModel.createTask}
+                        ctkeystroke={getKeySymbol(CommonKeys.Create)}
                     >
                         <span class="icon">add</span>
                     </button>

src/View/ChatPages/calendarPage.tsx

@@ -1,5 +1,6 @@
 import "./calendarPage.css";
 import { ViewController } from "../viewController";
+import { CommonKeys, getKeySymbol } from "../keystrokes";
 import { TaskSettingsModal } from "../Modals/taskSettingsModal";
 import { TaskViewModelToEntry } from "../Components/taskEntry";
 import { PlaceholderView } from "../Components/placeholderView";
@@ -115,6 +116,7 @@ export function CalendarPage(
                                         .todayButtonAudioLabel
                                 }
                                 on:click={calendarPageViewModel.showToday}
+                                ctkeystroke={getKeySymbol(CommonKeys.Reset)}
                             >
                                 <span class="icon">today</span>
                             </button>
@@ -129,6 +131,7 @@ export function CalendarPage(
                                 on:click={
                                     calendarPageViewModel.showPreviousMonth
                                 }
+                                ctkeystroke="k"
                             >
                                 <span class="icon">arrow_back</span>
                             </button>
@@ -171,6 +174,7 @@ export function CalendarPage(
                                         .nextMonthButtonAudioLabel
                                 }
                                 on:click={calendarPageViewModel.showNextMonth}
+                                ctkeystroke="l"
                             >
                                 <span class="icon">arrow_forward</span>
                             </button>
@@ -183,6 +187,7 @@ export function CalendarPage(
                                         .createTaskButtonAudioLabel
                                 }
                                 on:click={calendarPageViewModel.createEvent}
+                                ctkeystroke={getKeySymbol(CommonKeys.Create)}
                             >
                                 <span class="icon">add</span>
                             </button>

src/View/ChatPages/messagePage.tsx

@@ -1,5 +1,6 @@
 import "./messagePage.css";
 import { ViewController } from "../viewController";
+import { CommonKeys, getKeySymbol } from "../keystrokes";
 import { MessageFilterModal } from "../Modals/messageFilterModal";
 import { ReplyPreview } from "../Components/replyPreview";
 import { ChatMessage } from "../Components/chatMessage";
@@ -129,6 +130,7 @@ export function MessagePage(
                                 toggle:selected={
                                     messagePageViewModel.isFilterActive
                                 }
+                                ctkeystroke={getKeySymbol(CommonKeys.Filter)}
                             >
                                 <span class="icon">filter_alt</span>
                             </button>