From 987462b2df4329660eb22d2b1c93b4a66ddd8e03 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia1001@gmail.com>
Date: Tue, 7 Feb 2023 18:45:32 +0530
Subject: [PATCH 1/2] style: shortcut command label bg color change

---
 apps/app/components/core/bulk-delete-issues-modal.tsx           | 2 +-
 apps/app/components/core/existing-issues-list-modal.tsx         | 2 +-
 apps/app/components/issues/parent-issues-list-modal.tsx         | 2 +-
 apps/app/components/issues/sidebar-select/blocked.tsx           | 2 +-
 apps/app/components/issues/sidebar-select/blocker.tsx           | 2 +-
 apps/app/components/project/cycles/stats-view/index.tsx         | 2 +-
 apps/app/pages/[workspaceSlug]/index.tsx                        | 2 +-
 apps/app/pages/[workspaceSlug]/me/my-issues.tsx                 | 2 +-
 .../pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx | 2 +-
 .../pages/[workspaceSlug]/projects/[projectId]/issues/index.tsx | 2 +-
 .../[workspaceSlug]/projects/[projectId]/modules/index.tsx      | 2 +-
 apps/app/pages/[workspaceSlug]/projects/index.tsx               | 2 +-
 12 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/apps/app/components/core/bulk-delete-issues-modal.tsx b/apps/app/components/core/bulk-delete-issues-modal.tsx
index 4a5ab575de3..6e879d885e1 100644
--- a/apps/app/components/core/bulk-delete-issues-modal.tsx
+++ b/apps/app/components/core/bulk-delete-issues-modal.tsx
@@ -218,7 +218,7 @@ export const BulkDeleteIssuesModal: React.FC<Props> = ({ isOpen, setIsOpen }) =>
                         <LayerDiagonalIcon height="56" width="56" />
                         <h3 className="text-gray-500">
                           No issues found. Create a new issue with{" "}
-                          <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
+                          <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
                         </h3>
                       </div>
                     )}
diff --git a/apps/app/components/core/existing-issues-list-modal.tsx b/apps/app/components/core/existing-issues-list-modal.tsx
index f07025808d9..15a313cb0d5 100644
--- a/apps/app/components/core/existing-issues-list-modal.tsx
+++ b/apps/app/components/core/existing-issues-list-modal.tsx
@@ -172,7 +172,7 @@ export const ExistingIssuesListModal: React.FC<Props> = ({
                               <LayerDiagonalIcon height="56" width="56" />
                               <h3 className="text-gray-500">
                                 No issues found. Create a new issue with{" "}
-                                <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
+                                <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
                               </h3>
                             </div>
                           )}
diff --git a/apps/app/components/issues/parent-issues-list-modal.tsx b/apps/app/components/issues/parent-issues-list-modal.tsx
index b805e7b148f..dc4de53290f 100644
--- a/apps/app/components/issues/parent-issues-list-modal.tsx
+++ b/apps/app/components/issues/parent-issues-list-modal.tsx
@@ -212,7 +212,7 @@ export const ParentIssuesListModal: React.FC<Props> = ({
                           <LayerDiagonalIcon height="56" width="56" />
                           <h3 className="text-gray-500">
                             No issues found. Create a new issue with{" "}
-                            <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
+                            <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
                           </h3>
                         </div>
                       )}
diff --git a/apps/app/components/issues/sidebar-select/blocked.tsx b/apps/app/components/issues/sidebar-select/blocked.tsx
index 70de8d7e902..38da455bd3f 100644
--- a/apps/app/components/issues/sidebar-select/blocked.tsx
+++ b/apps/app/components/issues/sidebar-select/blocked.tsx
@@ -266,7 +266,7 @@ export const SidebarBlockedSelect: React.FC<Props> = ({
                             <LayerDiagonalIcon height="56" width="56" />
                             <h3 className="text-gray-500">
                               No issues found. Create a new issue with{" "}
-                              <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
+                              <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
                             </h3>
                           </div>
                         )}
diff --git a/apps/app/components/issues/sidebar-select/blocker.tsx b/apps/app/components/issues/sidebar-select/blocker.tsx
index 2ab39f6af9b..659728e7377 100644
--- a/apps/app/components/issues/sidebar-select/blocker.tsx
+++ b/apps/app/components/issues/sidebar-select/blocker.tsx
@@ -266,7 +266,7 @@ export const SidebarBlockerSelect: React.FC<Props> = ({
                           <LayerDiagonalIcon height="56" width="56" />
                           <h3 className="text-gray-500">
                             No issues found. Create a new issue with{" "}
-                            <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
+                            <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
                           </h3>
                         </div>
                       )}
diff --git a/apps/app/components/project/cycles/stats-view/index.tsx b/apps/app/components/project/cycles/stats-view/index.tsx
index 58f31646442..354bab4a119 100644
--- a/apps/app/components/project/cycles/stats-view/index.tsx
+++ b/apps/app/components/project/cycles/stats-view/index.tsx
@@ -64,7 +64,7 @@ const CycleStatsView: React.FC<TCycleStatsViewProps> = ({
           )}
           <h3 className="text-gray-500">
             No {type} {type === "current" ? "cycle" : "cycles"} yet. Create with{" "}
-            <pre className="inline rounded bg-gray-100 px-2 py-1">Q</pre>.
+            <pre className="inline rounded bg-gray-200 px-2 py-1">Q</pre>.
           </h3>
         </div>
       )}
diff --git a/apps/app/pages/[workspaceSlug]/index.tsx b/apps/app/pages/[workspaceSlug]/index.tsx
index ec3a28711e1..0ad4d70ed19 100644
--- a/apps/app/pages/[workspaceSlug]/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/index.tsx
@@ -164,7 +164,7 @@ const WorkspacePage: NextPage = () => {
                       <LayerDiagonalIcon height="56" width="56" />
                       <h3 className="text-gray-500">
                         No issues found. Create a new issue with{" "}
-                        <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
+                        <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
                       </h3>
                     </div>
                   )
diff --git a/apps/app/pages/[workspaceSlug]/me/my-issues.tsx b/apps/app/pages/[workspaceSlug]/me/my-issues.tsx
index 363ee0938b7..899b4974fa4 100644
--- a/apps/app/pages/[workspaceSlug]/me/my-issues.tsx
+++ b/apps/app/pages/[workspaceSlug]/me/my-issues.tsx
@@ -181,7 +181,7 @@ const MyIssuesPage: NextPage = () => {
                       title="Create a new issue"
                       description={
                         <span>
-                          Use <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre> shortcut
+                          Use <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre> shortcut
                           to create a new issue
                         </span>
                       }
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx b/apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx
index 6112f0a8215..7fb4afbd4df 100644
--- a/apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx
@@ -177,7 +177,7 @@ const ProjectCycles: NextPage = () => {
                 title="Create a new cycle"
                 description={
                   <span>
-                    Use <pre className="inline rounded bg-gray-100 px-2 py-1">Q</pre> shortcut to
+                    Use <pre className="inline rounded bg-gray-200 px-2 py-1">Q</pre> shortcut to
                     create a new cycle
                   </span>
                 }
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/index.tsx b/apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/index.tsx
index f53c6464cce..299bfc2f159 100644
--- a/apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/index.tsx
@@ -88,7 +88,7 @@ const ProjectIssues: NextPage<UserAuth> = (props) => {
                   title="Create a new issue"
                   description={
                     <span>
-                      Use <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre> shortcut to
+                      Use <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre> shortcut to
                       create a new issue
                     </span>
                   }
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx b/apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
index 8eddbb2ddb8..fb67af9e116 100644
--- a/apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
@@ -85,7 +85,7 @@ const ProjectModules: NextPage = () => {
                 title="Create a new module"
                 description={
                   <span>
-                    Use <pre className="inline rounded bg-gray-100 px-2 py-1">M</pre> shortcut to
+                    Use <pre className="inline rounded bg-gray-200 px-2 py-1">M</pre> shortcut to
                     create a new module
                   </span>
                 }
diff --git a/apps/app/pages/[workspaceSlug]/projects/index.tsx b/apps/app/pages/[workspaceSlug]/projects/index.tsx
index 794ab433dfb..8b8d0408a0f 100644
--- a/apps/app/pages/[workspaceSlug]/projects/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/index.tsx
@@ -88,7 +88,7 @@ const ProjectsPage: NextPage = () => {
                   title="Create a new project"
                   description={
                     <span>
-                      Use <pre className="inline rounded bg-gray-100 px-2 py-1">P</pre> shortcut to
+                      Use <pre className="inline rounded bg-gray-200 px-2 py-1">P</pre> shortcut to
                       create a new project
                     </span>
                   }

From f161c1369f97c8c00d99c694fca45d54da2c7636 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia1001@gmail.com>
Date: Tue, 7 Feb 2023 18:49:29 +0530
Subject: [PATCH 2/2] sidebar shortcut ui fix

---
 apps/app/components/workspace/help-section.tsx | 4 ++--
 apps/app/layouts/navbar/main-sidebar.tsx       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/app/components/workspace/help-section.tsx b/apps/app/components/workspace/help-section.tsx
index 806bdf98bee..cd6fce3c642 100644
--- a/apps/app/components/workspace/help-section.tsx
+++ b/apps/app/components/workspace/help-section.tsx
@@ -92,7 +92,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
           });
           document.dispatchEvent(e);
         }}
-        title="Help"
+        title="Shortcuts"
       >
         <BoltIcon className="h-4 w-4 text-gray-500" />
         {!sidebarCollapse && <span>Shortcuts</span>}
@@ -133,7 +133,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
           title="Help"
         >
           <QuestionMarkCircleIcon className="h-4 w-4 text-gray-500" />
-          {!sidebarCollapse && <span>Help ?</span>}
+          {!sidebarCollapse && <span>Help?</span>}
         </button>
       </div>
     </div>
diff --git a/apps/app/layouts/navbar/main-sidebar.tsx b/apps/app/layouts/navbar/main-sidebar.tsx
index 4d51fbcf9a9..e3c91f3996a 100644
--- a/apps/app/layouts/navbar/main-sidebar.tsx
+++ b/apps/app/layouts/navbar/main-sidebar.tsx
@@ -133,7 +133,7 @@ const Sidebar: React.FC<Props> = ({ toggleSidebar, setToggleSidebar }) => {
                   });
                   document.dispatchEvent(e);
                 }}
-                title="Help"
+                title="Shortcuts"
               >
                 <BoltIcon className="h-4 w-4 text-gray-500" />
                 {!sidebarCollapse && <span>Shortcuts</span>}
@@ -174,7 +174,7 @@ const Sidebar: React.FC<Props> = ({ toggleSidebar, setToggleSidebar }) => {
                   title="Help"
                 >
                   <QuestionMarkCircleIcon className="h-4 w-4 text-gray-500" />
-                  {!sidebarCollapse && <span>Help ?</span>}
+                  {!sidebarCollapse && <span>Help?</span>}
                 </button>
               </div>
             </div>