add keystroke hints

src/View/Modals/boardSettingsModal.tsx

@@ -1,4 +1,5 @@
 import { ViewController } from "../viewController";
+import { CommonKeys, getKeySymbol } from "../keystrokes";
 import { DangerousActionButton } from "../Components/dangerousActionButton";
 import { ColorPicker } from "../Components/colorPicker";
 import * as React from "../../react";
@@ -60,7 +61,10 @@ export function BoardSettingsModal(
                         )}
                     </div>
                 </main>
-                <button on:click={boardViewModel.hideSettings}>
+                <button
+                    on:click={boardViewModel.hideSettings}
+                    ctkeystroke={getKeySymbol(CommonKeys.Apply)}
+                >
                     {coreViewModel.translations.general.closeButton}
                     <span class="icon">close</span>
                 </button>

src/View/Modals/dataTransferModal.tsx

@@ -1,4 +1,5 @@
 import { ViewController } from "../viewController";
+import { CommonKeys, getKeySymbol } from "../keystrokes";
 import { StringToTextSpan } from "../Components/textSpan";
 import * as React from "../../react";
 import FileTransferViewModel, {
@@ -172,7 +173,10 @@ function DirectionSelectionModal(
                         </button>
                     </div>
                 </main>
-                <button on:click={fileTransferViewModel.close}>
+                <button
+                    on:click={fileTransferViewModel.close}
+                    ctkeystroke={getKeySymbol(CommonKeys.CloseOrCancel)}
+                >
                     {coreViewModel.translations.general.closeButton}
                     <span class="icon">close</span>
                 </button>

src/View/Modals/messageFilterModal.tsx

@@ -1,4 +1,5 @@
 import { ViewController } from "../viewController";
+import { CommonKeys, getKeySymbol } from "../keystrokes";
 import { MessageReactionFilterButton } from "../Components/messageReactionFilterButton";
 import * as React from "../../react";
 import MessagePageViewModel from "../../ViewModel/Pages/messagePageViewModel";
@@ -112,7 +113,10 @@ export function MessageFilterModal<T>(
                         </div>
                     </div>
                 </main>
-                <button on:click={messagePageViewModel.hideFilterModal}>
+                <button
+                    on:click={messagePageViewModel.hideFilterModal}
+                    ctkeystroke={getKeySymbol(CommonKeys.CloseOrCancel)}
+                >
                     {coreViewModel.translations.general.closeButton}
                     <span class="icon">close</span>
                 </button>

src/View/Modals/searchModal.tsx

@@ -1,5 +1,6 @@
 import { v4 } from "uuid";
 import { ViewController } from "../viewController";
+import { CommonKeys, getKeySymbol } from "../keystrokes";
 import { StringToOption } from "../Components/option";
 import { DeletableListItem } from "../Components/deletableListItem";
 import * as React from "../../react";
@@ -55,6 +56,7 @@ export function SearchModal<T>(
                             }
                             on:click={searchViewModel.clear}
                             toggle:disabled={searchViewModel.cannotClear}
+                            ctkeystroke={getKeySymbol(CommonKeys.Reset)}
                         >
                             <span class="icon">close</span>
                         </button>
@@ -93,7 +95,10 @@ export function SearchModal<T>(
                         ></div>
                     </div>
                 </main>
-                <button on:click={close}>
+                <button
+                    on:click={close}
+                    ctkeystroke={getKeySymbol(CommonKeys.CloseOrCancel)}
+                >
                     {coreViewModel.translations.general.closeButton}
                     <span class="icon">close</span>
                 </button>

src/View/Modals/settingsModal.tsx

@@ -1,5 +1,6 @@
 import { SplitModal } from "./splitModal";
 import { languageNames } from "../translations";
+import { CommonKeys, getKeySymbol } from "../keystrokes";
 import { PlaceholderView } from "../Components/placeholderView";
 import { OptionButtonList } from "../Components/optionButtonList";
 import { NavigationButton } from "../Components/navigationButton";
@@ -62,7 +63,10 @@ export function SettingsModal(
                         settingsViewModel.selectedModalPage,
                     )}
                 </main>
-                <button on:click={settingsViewModel.close}>
+                <button
+                    on:click={settingsViewModel.close}
+                    ctkeystroke={getKeySymbol(CommonKeys.CloseOrCancel)}
+                >
                     {coreViewModel.translations.general.closeButton}
                     <span class="icon">close</span>
                 </button>

src/View/Modals/storageModal.tsx

@@ -1,4 +1,5 @@
 import { SplitModal } from "./splitModal";
+import { CommonKeys, getKeySymbol } from "../keystrokes";
 import { UsageBar } from "../Components/usageBar";
 import { DirectoryItemList } from "../Components/directoryItemList";
 import { DangerousActionButton } from "../Components/dangerousActionButton";
@@ -95,7 +96,10 @@ export function StorageModal(
                         true,
                     )}
                 </main>
-                <button on:click={storageViewModel.close}>
+                <button
+                    on:click={storageViewModel.close}
+                    ctkeystroke={getKeySymbol(CommonKeys.CloseOrCancel)}
+                >
                     {coreViewModel.translations.general.closeButton}
                     <span class="icon">close</span>
                 </button>

src/View/Modals/taskSettingsModal.tsx

@@ -1,4 +1,5 @@
 import { v4 } from "uuid";
+import { CommonKeys, getKeySymbol } from "../keystrokes";
 import {
     Entry,
     Option,
@@ -269,12 +270,14 @@ export function TaskSettingsModal(
                     <button
                         class="flex"
                         on:click={taskViewModel.closeAndDiscard}
+                        ctkeystroke={getKeySymbol(CommonKeys.CloseOrCancel)}
                     >
                         {coreViewModel.translations.general.closeButton}
                     </button>
                     <button
                         class="flex primary"
                         on:click={taskViewModel.closeAndSave}
+                        ctkeystroke={getKeySymbol(CommonKeys.Apply)}
                     >
                         {coreViewModel.translations.general.saveButton}
                         <span class="icon">save</span>