From 6ca05d3f4a0ec6e9cdc2d8c2cd7cea0549cd830f Mon Sep 17 00:00:00 2001
From: sanjai0py <sanjailucifer666@gmail.com>
Date: Thu, 15 Feb 2024 12:38:51 +0530
Subject: [PATCH] chore: add keyboard shortcut hint text for different OS

---
 packages/bruno-app/src/components/CodeEditor/index.js      | 5 +++++
 .../RequestPane/RequestBody/RequestBodyMode/index.js       | 7 ++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/CodeEditor/index.js b/packages/bruno-app/src/components/CodeEditor/index.js
index d15a5c4ea9..5805851bbf 100644
--- 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
index 513387e566..986097fb54 100644
--- 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>
       )}