feat(shortcuts): Add Shortcuts to Help Menu

- Added option of shorcuts in help menu - Clicking on the shortcut leads to the `Shortcuts.md` file
AppFlowy-IO · Feb 18, 2023 · 8061262 · 8061262
1 parent 7c3a823
commit 8061262
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/frontend/app_flowy/assets/translations/en.json b/frontend/app_flowy/assets/translations/en.json
@@ -71,6 +71,7 @@
   },
   "dialogCreatePageNameHint": "Page name",
   "questionBubble": {
+    "shortcuts": "Shortcuts",
     "whatsNew": "What's new?",
     "help": "Help & Support",
     "debug": {

diff --git a/frontend/app_flowy/lib/workspace/presentation/widgets/float_bubble/question_bubble.dart b/frontend/app_flowy/lib/workspace/presentation/widgets/float_bubble/question_bubble.dart
@@ -64,6 +64,10 @@ class BubbleActionList extends StatelessWidget {
             case BubbleAction.debug:
               _DebugToast().show();
               break;
+            case BubbleAction.shortcuts:
+              _launchURL(
+                  "https://github.com/AppFlowy-IO/AppFlowy-Docs/blob/main/essential-documentation/shortcuts.md");
+              break;
           }
         }
 
@@ -160,7 +164,7 @@ class FlowyVersionDescription extends CustomActionCell {
   }
 }
 
-enum BubbleAction { whatsNews, help, debug }
+enum BubbleAction { whatsNews, help, debug, shortcuts }
 
 class BubbleActionWrapper extends ActionCell {
   final BubbleAction inner;
@@ -182,6 +186,11 @@ extension QuestionBubbleExtension on BubbleAction {
         return LocaleKeys.questionBubble_help.tr();
       case BubbleAction.debug:
         return LocaleKeys.questionBubble_debug_name.tr();
+      case BubbleAction.shortcuts:
+        // return LocaleKeys.questionBubble_shortcuts.tr();
+
+      // TODO: Use localized approach
+      return "Shortcuts";
     }
   }
 
@@ -193,6 +202,8 @@ extension QuestionBubbleExtension on BubbleAction {
         return '👥';
       case BubbleAction.debug:
         return '🐛';
+      case BubbleAction.shortcuts:
+        return '⌨️';
     }
   }
 }
diff --git a/...owy/packages/appflowy_editor/lib/src/service/shortcut_event/built_in_shortcut_events.dart b/...owy/packages/appflowy_editor/lib/src/service/shortcut_event/built_in_shortcut_events.dart
@@ -49,6 +49,7 @@ List<ShortcutEvent> builtInShortcutEvents = [
     command: 'shift+arrow down',
     handler: cursorDownSelect,
   ),
+  // TODO: Use Unique and correct key names here
   ShortcutEvent(
     key: 'Cursor down select',
     command: 'shift+alt+arrow left',