From cd26b2e09600423c140b0bab6289381382794c5f Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Wed, 22 Mar 2023 23:40:25 +0530
Subject: [PATCH] Revert "fix: sidebar and shortcut modal (#493)" (#497)

This reverts commit f615f8ac0c6406a1ba39a79b7199196ac32a78c9.
---
 .../command-palette/shortcuts-modal.tsx       | 29 +++++--------------
 .../app/components/workspace/help-section.tsx |  2 +-
 2 files changed, 9 insertions(+), 22 deletions(-)

diff --git a/apps/app/components/command-palette/shortcuts-modal.tsx b/apps/app/components/command-palette/shortcuts-modal.tsx
index d5b1aa0fc..0cdb051f6 100644
--- a/apps/app/components/command-palette/shortcuts-modal.tsx
+++ b/apps/app/components/command-palette/shortcuts-modal.tsx
@@ -52,7 +52,6 @@ export const ShortcutsModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
       ? true
       : false
   );
-  const { platform } = (window.navigator as any).userAgentData;
 
   useEffect(() => {
     if (!isOpen) setQuery("");
@@ -127,18 +126,12 @@ export const ShortcutsModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
                                       {shortcut.keys.split(",").map((key, index) => (
                                         <span key={index} className="flex items-center gap-1">
                                           {key === "Ctrl" ? (
-                                            platform === "Windows" ? (
-                                              <kbd className="rounded-sm border border-gray-200 bg-gray-100 px-2 py-1 text-sm font-medium text-gray-800">
-                                                {key}
-                                              </kbd>
-                                            ) : (
-                                              <span className="flex h-full items-center rounded-sm border border-gray-200 bg-gray-100 p-2">
-                                                <MacCommandIcon />
-                                              </span>
-                                            )
+                                            <span className="flex h-full items-center rounded-sm border border-gray-200 bg-gray-100 p-2">
+                                              <MacCommandIcon />
+                                            </span>
                                           ) : (
                                             <kbd className="rounded-sm border border-gray-200 bg-gray-100 px-2 py-1 text-sm font-medium text-gray-800">
-                                              {key}
+                                              {key === "Ctrl" ? <MacCommandIcon /> : key}
                                             </kbd>
                                           )}
                                         </span>
@@ -172,18 +165,12 @@ export const ShortcutsModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
                                       {keys.split(",").map((key, index) => (
                                         <span key={index} className="flex items-center gap-1">
                                           {key === "Ctrl" ? (
-                                            platform === "Windows" ? (
-                                              <kbd className="rounded-sm border border-gray-200 bg-gray-100 px-2 py-1 text-sm font-medium text-gray-800">
-                                                {key}
-                                              </kbd>
-                                            ) : (
-                                              <span className="flex h-full items-center rounded-sm border border-gray-200 bg-gray-100 p-2">
-                                                <MacCommandIcon />
-                                              </span>
-                                            )
+                                            <span className="flex h-full items-center rounded-sm border border-gray-200 bg-gray-100 p-2">
+                                              <MacCommandIcon />
+                                            </span>
                                           ) : (
                                             <kbd className="rounded-sm border border-gray-200 bg-gray-100 px-2 py-1 text-sm font-medium text-gray-800">
-                                              {key}
+                                              {key === "Ctrl" ? <MacCommandIcon /> : key}
                                             </kbd>
                                           )}
                                         </span>
diff --git a/apps/app/components/workspace/help-section.tsx b/apps/app/components/workspace/help-section.tsx
index 9475c3adf..53cc1e461 100644
--- a/apps/app/components/workspace/help-section.tsx
+++ b/apps/app/components/workspace/help-section.tsx
@@ -57,7 +57,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
   return (
     <div
       className={`flex w-full items-center justify-between self-baseline border-t bg-white px-6 py-2 ${
-        sidebarCollapse ? "flex-col" : ""
+        sidebarCollapse ? "flex-col-reverse" : ""
       }`}
     >
       <button