[#1519] Update replace keyboard shortcut to match VSC

Author: catarak

client/modules/IDE/components/Editor.jsx

@@ -123,6 +123,7 @@ class Editor extends React.Component {
 
     delete this._cm.options.lint.options.errors;
 
+    const replaceCommand = metaKey === 'Ctrl' ? `${metaKey}-H` : `${metaKey}-Option-F`;
     this._cm.setOption('extraKeys', {
       Tab: (cm) => {
         // might need to specify and indent more?
@@ -138,7 +139,7 @@ class Editor extends React.Component {
       [`${metaKey}-F`]: 'findPersistent',
       [`${metaKey}-G`]: 'findNext',
       [`Shift-${metaKey}-G`]: 'findPrev',
-      [`${metaKey}-R`]: 'replace',
+      replaceCommand: 'replace',
     });
 
     this.initializeDocuments(this.props.files);

client/modules/IDE/components/KeyboardShortcutModal.jsx

@@ -1,9 +1,10 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { metaKeyName, } from '../../../utils/metaKey';
+import { metaKeyName, metaKey } from '../../../utils/metaKey';
 
 function KeyboardShortcutModal() {
   const { t } = useTranslation();
+  const replaceCommand = metaKey === 'Ctrl' ? `${metaKeyName} + H` : `${metaKeyName} + ⌥ + F`;
   return (
     <div className="keyboard-shortcuts">
       <h3 className="keyboard-shortcuts__title">{t('KeyboardShortcuts.CodeEditing.CodeEditing')}</h3>
@@ -35,7 +36,7 @@ function KeyboardShortcutModal() {
         </li>
         <li className="keyboard-shortcut-item">
           <span className="keyboard-shortcut__command">
-            {metaKeyName} + R
+            {replaceCommand}
           </span>
           <span>{t('KeyboardShortcuts.CodeEditing.ReplaceTextMatch')}</span>
         </li>