From d5bf1f7a9168c669800daad9b02c85cc3f847fb7 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Tue, 7 Feb 2023 19:28:09 +0530
Subject: [PATCH] fix: ui fixes (#246)

* style: shortcut command label bg color change

* sidebar shortcut ui fix

---------

Co-authored-by: Anmol Singh Bhatia <anmolsinghbhatia1001@gmail.com>
---
 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/components/workspace/help-section.tsx                | 4 ++--
 apps/app/layouts/navbar/main-sidebar.tsx                      | 4 ++--
 apps/app/pages/[workspaceSlug]/index.tsx                      | 2 +-
 apps/app/pages/[workspaceSlug]/me/my-issues.tsx               | 2 +-
 .../[workspaceSlug]/projects/[projectId]/cycles/index.tsx     | 2 +-
 .../[workspaceSlug]/projects/[projectId]/issues/index.tsx     | 2 +-
 .../[workspaceSlug]/projects/[projectId]/modules/index.tsx    | 2 +-
 apps/app/pages/[workspaceSlug]/projects/index.tsx             | 2 +-
 14 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/apps/app/components/core/bulk-delete-issues-modal.tsx b/apps/app/components/core/bulk-delete-issues-modal.tsx
index 4a5ab575d..6e879d885 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 f07025808..15a313cb0 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 b805e7b14..dc4de5329 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 70de8d7e9..38da455bd 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 2ab39f6af..659728e73 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 58f316464..354bab4a1 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/components/workspace/help-section.tsx b/apps/app/components/workspace/help-section.tsx
index 806bdf98b..cd6fce3c6 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 4d51fbcf9..e3c91f399 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>
diff --git a/apps/app/pages/[workspaceSlug]/index.tsx b/apps/app/pages/[workspaceSlug]/index.tsx
index ec3a28711..0ad4d70ed 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 363ee0938..899b4974f 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 6112f0a82..7fb4afbd4 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 f53c6464c..299bfc2f1 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 8eddbb2dd..fb67af9e1 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 794ab433d..8b8d0408a 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>
                   }