From dfefb0a314643bcbea0d0a1afa88bc2d5998e354 Mon Sep 17 00:00:00 2001
From: Martin Sefcik <mail@martinsefcik.sk>
Date: Tue, 10 Oct 2023 11:49:52 +0200
Subject: [PATCH] fix(#505): fixed displaying shortcuts based on OS

---
 .../src/components/ResponsePane/Placeholder/index.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/bruno-app/src/components/ResponsePane/Placeholder/index.js b/packages/bruno-app/src/components/ResponsePane/Placeholder/index.js
index 2e7cd8621..bca9e138a 100644
--- a/packages/bruno-app/src/components/ResponsePane/Placeholder/index.js
+++ b/packages/bruno-app/src/components/ResponsePane/Placeholder/index.js
@@ -1,8 +1,14 @@
 import React from 'react';
 import { IconSend } from '@tabler/icons';
 import StyledWrapper from './StyledWrapper';
+import { isMacOS } from 'utils/common/platform';
 
 const Placeholder = () => {
+  const isMac = isMacOS();
+  const sendRequestShortcut = isMac ? 'Cmd + Enter' : 'Ctrl + Enter';
+  const newRequestShortcut = isMac ? 'Cmd + B' : 'Ctrl + B';
+  const editEnvironmentShortcut = isMac ? 'Cmd + E' : 'Ctrl + E';
+
   return (
     <StyledWrapper>
       <div className="send-icon flex justify-center" style={{ fontSize: 200 }}>
@@ -15,9 +21,9 @@ const Placeholder = () => {
           <div className="px-1 py-2">Edit Environments</div>
         </div>
         <div className="flex flex-1 flex-col px-1">
-          <div className="px-1 py-2">Cmd + Enter</div>
-          <div className="px-1 py-2">Cmd + B</div>
-          <div className="px-1 py-2">Cmd + E</div>
+          <div className="px-1 py-2">{sendRequestShortcut}</div>
+          <div className="px-1 py-2">{newRequestShortcut}</div>
+          <div className="px-1 py-2">{editEnvironmentShortcut}</div>
         </div>
       </div>
     </StyledWrapper>