refactor(editor): Rename WORD_WRAP to TOGGLE_WORD_WRAP and update label to title case (resolves #228). (#234)

Author: junhaoliao

src/components/Editor/index.tsx

@@ -120,7 +120,7 @@ const handleCopyLogEventAction = (
  *
  * @param editor
  */
-const handleWordWrapAction = (editor: monaco.editor.IStandaloneCodeEditor) => {
+const handleToggleWordWrapAction = (editor: monaco.editor.IStandaloneCodeEditor) => {
     const currentWordWrap = editor.getRawOptions().wordWrap;
     const newWordWrap = "on" === currentWordWrap ?
         "off" :
@@ -181,8 +181,8 @@ const Editor = () => {
                     [HASH_PARAM_NAMES.IS_PRETTIFIED]: !isPrettifiedRef.current,
                 });
                 break;
-            case ACTION_NAME.WORD_WRAP:
-                handleWordWrapAction(editor);
+            case ACTION_NAME.TOGGLE_WORD_WRAP:
+                handleToggleWordWrapAction(editor);
                 break;
             default:
                 break;

src/utils/actions.ts

@@ -14,7 +14,7 @@ enum ACTION_NAME {
     RELOAD = "reload",
     COPY_LOG_EVENT = "copyLogEvent",
     TOGGLE_PRETTIFY = "togglePrettify",
-    WORD_WRAP = "wordWrap",
+    TOGGLE_WORD_WRAP = "toggleWordWrap",
 }
 
 interface EditorAction {
@@ -78,9 +78,9 @@ const EDITOR_ACTIONS : EditorAction[] = [
         label: "Toggle Prettify",
     },
     {
-        actionName: ACTION_NAME.WORD_WRAP,
+        actionName: ACTION_NAME.TOGGLE_WORD_WRAP,
         keyBindings: [monaco.KeyMod.Alt | monaco.KeyCode.KeyZ],
-        label: "Toggle word wrap",
+        label: "Toggle Word Wrap",
     },
 ];