chore: add keyboard shortcut hint text for different OS

usebruno · Feb 15, 2024 · 6ca05d3 · 6ca05d3
1 parent bcc5897
commit 6ca05d3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/bruno-app/src/components/CodeEditor/index.js b/packages/bruno-app/src/components/CodeEditor/index.js
@@ -170,6 +170,11 @@ export default class CodeEditor extends React.Component {
           if (this.props.onPrettify) {
             this.props.onPrettify();
           }
+        },
+        'Meta-Alt-F': () => {
+          if (this.props.onPrettify) {
+            this.props.onPrettify();
+          }
         }
       },
       foldOptions: {

diff --git a/packages/bruno-app/src/components/RequestPane/RequestBody/RequestBodyMode/index.js b/packages/bruno-app/src/components/RequestPane/RequestBody/RequestBodyMode/index.js
@@ -8,6 +8,7 @@ import { humanizeRequestBodyMode } from 'utils/collections';
 import StyledWrapper from './StyledWrapper';
 import { updateRequestBody } from 'providers/ReduxStore/slices/collections/index';
 import { toastError } from 'utils/common/error';
+import { isMacOS, isWindowsOS } from 'utils/common/platform';
 
 const RequestBodyMode = ({ item, collection }) => {
   const dispatch = useDispatch();
@@ -125,7 +126,11 @@ const RequestBodyMode = ({ item, collection }) => {
         </Dropdown>
       </div>
       {bodyMode === 'json' && (
-        <button title="Prettify (Shift+Alt+F)" className="ml-1" onClick={onPrettify}>
+        <button
+          title={`Prettify ${isWindowsOS ? '(Shift+Alt+F)' : isMacOS ? '(Meta-Alt-F)' : ''}`}
+          className="ml-1"
+          onClick={onPrettify}
+        >
           Prettify
         </button>
       )}